Как преодолеть ошибку «Избегайте использования ключевого слова JavaScript в качестве значения« v-on »»

Question

Как мне избавиться от этой ошибки в моем приложении. vue компонент?

Не удалось скомпилировать.

. / Src / App. vue Ошибка модуля (из ./node_modules/eslint-loader/index.js):

C: \ xampp2 \ htdocs \ exchproto \ src \ App. vue 15:69 Ошибка Избегайте использования JavaScript ключевое слово как значение "v-on": "" vue / valid-v-on

problem 1 проблема (1 ошибка, 0 предупреждений)

Я протестировал весь код (включая подкомпоненты) с CDN pull vuejs / vuetify css / js et c и все работало хорошо. Эта ошибка появляется только тогда, когда я разбиваю код на компоненты и делаю все "установкой пряжи". Ткнул в это в течение некоторого времени без удачи.

<template>
  <v-app>
   <v-app-bar app>
    <v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon>
    <v-spacer></v-spacer>

    <v-menu :offset-y="true">
     <template v-slot:activator="{ on }">
      <v-btn icon v-on="on">
        <v-icon>mdi-dots-horizontal</v-icon>
      </v-btn>
     </template>

     <v-list>
      <v-list-item v-for="(item, i) in rightMenuitems" :key="i" @click="">
       <v-list-item-title>{{ item.title }}</v-list-item-title>
      </v-list-item>
     </v-list>
    </v-menu>
   </v-app-bar>
   <!--router-view></!--router-view-->
  </v-app>
 </template>

 <script>

  export default {
   name: 'App',
   components: {},
   data() {
    return {
     drawer: false,
     rightMenuitems: [
      { title: 'Choice 1' },
      { title: 'Choice 2' },
      { title: 'Choice 3' },
      { title: 'Choice 4' }
     ],
    }
   }
  }
 </script>