Eslint检验项目报错 Component name xxx should always be multi-word vue/multi-word-component-names解决参考

Eslint报错"Component name xxx should always be multi-word vue/multi-word-component-names"表示组件名应该始终是多单词，不应该以单个单词命名组件。解决方法可以有两种：

解决方法1：修改组件名为多单词形式，例如将"Login.vue"修改为"LoginName.vue"。组件名需要以驼峰式命名，至少包含两个单词。可以根据具体情况自行选择组件名，只需保证至少包含两个单词即可。

解决方法2：禁用eslint的多单词命名规则。在vue.config.js配置文件中添加规则"lintOnSave:false"，示例如下：

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false
})

另外，可以在.eslintrc.js文件中对指定的文件进行覆盖配置，禁用多单词命名规则。示例如下：

module.exports = {
  // ...
  overrides: [
    {
      files: ['src/views/**/*.vue'],
      rules: {
        'vue/multi-word-component-names': 0,
      },
    },
  ]
}

这样就可以解决Eslint检验项目报错"Component name xxx should always be multi-word vue/multi-word-component-names"的问题。