typescript - 在 <script setup> 中出现不当警告时如何正确配置 ESLint？

Question

从标准 <script> 移入 Vue3 时至 <script setup> ，我从 ESLint 收到了很多警告。具体来说，任何未在 <script setup> 中使用的声明标记为 @typescript-eslint/no-unused-vars .

一个典型的例子是:

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 |

用于 <template> 中使用的组件.

“解决方案”可能是禁用 @typescript-eslint/no-unused-vars全局 - 但这不是一个好主意。 有没有合适的方法让 ESLint 知道 <script setup>功能？

Answer 1

您可以启用 vue/script-setup-uses-var这是由 eslint vue 插件 (eslint-plugin-vue) 提供的。