如何仅对一个 .vue 文件禁用 vue/multi-word-component-names eslint 规则？

Question

我正在使用 Vue ESLint 插件，它有一个 不允许单个单词组件名称的规则。

但是，我也在使用 Nuxt，要在 Nuxt 中 设置默认布局，您需要一个名为 default.vue 的 .vue 组件，它会引发 ES Lint 规则错误。

我似乎无法让它在一个实际上很小的 .vue 文件中禁用…

 <template>
    <div>
        <Header/>
        <Nuxt/>
    </div>
</template>

但是，如果我在我的 .eslintrc.js 中禁用该规则，那么它就可以工作。

 module.exports = {
  root: true,
  env: {
    browser: true,
    node: true,
  },
  extends: [
    '@nuxtjs/eslint-config-typescript',
    'plugin:nuxt/recommended',
    'prettier',
  ],
  plugins: [],
  // add your custom rules here
  rules: {
    'vue/multi-word-component-names': 'off',
  },
}

有没有办法只为一个 Vue 文件禁用规则？

原文由 Carson Wood 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在你的情况下，你可以更换

'vue/multi-word-component-names': 'off'

和：

 'vue/multi-word-component-names': ['error', {
  'ignores': ['default']
}]

这会将规则设置为“允许”所有名为“默认”的文件

你可以在这里阅读更多关于它的信息： https ://eslint.vuejs.org/rules/multi-word-component-names.html

原文由 Ahmad Ibrahim 发布，翻译遵循 CC BY-SA 4.0 许可协议