typescript - Hur konfigurerar man ESLint korrekt när man har obefogade varningar i <script setup>?

När man går över i Vue3 från en vanlig <script> till <script setup> får jag många varningar från ESLint. Specifikt märks allt som deklareras men inte används inom <script setup> med @typescript-eslint/no-unused-vars.

Ett typiskt exempel är:

WARNING in src/layouts/Infinote.vue:105:8
@typescript-eslint/no-unused-vars: 'NoteComponent' is defined but never used.
    103 | import { DateTime } from 'luxon'
    104 | import { useQuasar } from 'quasar'
  > 105 | import NoteComponent from 'components/Note.vue'
        |        ^^^^^^^^^^^^^
    106 | import _ from 'lodash'
    107 |

för en komponent som används i <template>.

“Lösningen” skulle kunna vara att inaktivera @typescript-eslint/no-unused-vars globalt - men det är inte en bra idé. Finns det ett korrekt sätt att göra ESLint medveten om <script setup>-funktionalitet?

Svar #1

Du kan aktivera vue/script-setup-uses-var som tillhandahålls av eslint vue-pluginet (eslint-plugin-vue).

Relaterade artiklar