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