VueでLint入れてると下記のコードで怒られる。

    <template v-slot:item.actions="{ item }">
      <v-icon
        small
        class="mr-2"
        @click="editItem(item)"
      >
        mdi-pencil
      </v-icon>
      <v-icon
        small
        @click="deleteItem(item)"
      >
        mdi-delete
      </v-icon>
    </template>

v-slot:item.actions="{ item }"

これがダメと。

'v-slot' directive doesn't support any modifier

っていうLintのルールで怒られるのですが、これVuetifyの公式に書かれてるサンプルなのですが。。。

うーん。って感じ。

そして、対応用のコードって下記になると思うのですが、

#[`item.actions`]="{ item }"

微妙すぎんだろ。modiferの方が全然いいじゃんとしか思えないのですが。。。

ルールのページ読んでも何でダメなのか意図が分からなかった。

誰か教えてくらはい。。。

参考：https://stackoverflow.com/questions/61344980/v-slot-directive-doesnt-support-any-modifier