【Vue】ESLint Vue multiword components

在项目中碰到了 Component name "Index" should always be multi-word 的报错，下面是解决方式：

1. 全局禁用

要在所有文件中禁用该规则（即使是在 src/components 中的文件），请在以下位置添加配置：

// <projectRoot>/.eslintrc.js
module.exports = {
  ⋮
  rules: {
    'vue/multi-word-component-names': 0,
  },
}

2. 在 ESLint 配置中为 src/views/ 添加覆盖配置

要仅在 src/views/**/*.vue 中禁用该规则，请指定一个覆盖配置：

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

如果使用带有 ESLint 扩展的 VS Code，可能需要重新启动 ESLint 服务器（通过命令面板的 >ESLint: Restart ESLint Server 命令）或重新启动 IDE 以重新加载配置。

3. 在 src/views/ 目录中添加目录级别的配置

还可以通过在该目录中的 .eslintrc.js 文件中禁用 src/views/**/*.vue 的规则：

// <projectRoot>/src/views/.eslintrc.js
module.exports = {
  rules: {
    'vue/multi-word-component-names': 0,
  },
}

最后：我的项目的ESLint配置实在package.json里头，做好对应的配置即可解决问题。