Component name “index“ should always be multi-word的解决方式

一、背景

vue报错：Component name "index" should always be multi-word

二、原因

要求组件名称以驼峰格式命名，自定义组件名称应该由多单纯组成，防止和html标签冲突，所以index.vue 会报错

一开始参考其他教程，在.eslintrc.cjs文件中添加“'vue/multi-word-component-names': 'off'”但是并没有效果，在“package.json”中添加"rules": { "vue/multi-word-component-names": "off" }也没有效果。

三、解决方法：

在.vscode文件夹下的setting.json文件中ESLint 配置：

"eslint.validate": ["javascript", "javascriptreact", "vue"],"eslint.options": {"overrideConfig": {"rules": {"vue/multi-word-component-names": "off"}}}

成功解决了问题。