Component name "Login" should always be multi-word vue/multi-word-component-names

根据引用[1]和[2]的信息，你遇到的问题是在使用vue-cli创建项目并建立组件时，出现了一个eslint报错，报错信息是"Component name 'index' should always be multi-word"。这个报错是由于eslint的命名规则导致的，它要求组件名应该是多个单词组成的。

根据引用[3]的信息，有几种解决方案可以解决这个问题。其中方案一是关闭命名规则，不再校验组件名。方案二是修改组件名，将"index"改为多个单词组成的名字。方案三是推荐的解决方案，它建议根据组件名进行忽略，可以通过在eslint配置文件中添加忽略规则来实现。方案四也是推荐的解决方案，它是方案三的另一种实现方式。

综上所述，你可以选择方案三或方案四来解决这个问题。具体的实施方法可以参考引用[3]中提供的代码示例。

相关问题

[eslint] D:\demo\src\main.js 11:15 error Component name "cart" should always be multi-word vue/multi-word-component-names 12:15 error Component name "home" should always be multi-word vue/multi-word-component-names 13:15 error Component name "login" should always be multi-word vue/multi-word-component-names 14:15 error Component name "order" should always be multi-word vue/multi-word-component-names 15:15 error Component name "product" should always be multi-word vue/multi-word-component-names ✖ 5 problems (5 errors, 0 warnings)

这是一个 ESLint 的错误，提示你在组件命名时应该使用多个单词。这是因为单词组件名可能会与 HTML 标签或其他开发人员创建的组件名冲突。为了避免这种情况，Vue.js 社区通常建议使用多个单词的命名方式。

你可以根据 ESLint 的建议，将组件名更改为多个单词，如 "CartView"、"HomeContainer"、"LoginPanel"、"OrderList"、"ProductDetails" 等等。

如果你不想更改组件名，也可以在 ESLint 配置文件中禁用这个规则，或者将其视为警告而不是错误。

Component name "login" should always be multi-word vue/multi-word-component-names

根据提供的引用内容，你可以通过以下两种方法来解决"Component name 'login' should always be multi-word"和"vue/multi-word-component-names"的问题：

方法一：更改组件名称
根据引用中的建议，组件名称应该是多个单词组成的。因此，你可以将组件名称从"login"更改为一个多个单词组成的名称，例如"loginForm"或"loginComponent"。

方法二：禁用eslint规则
根据引用中的建议，你可以通过在eslint配置文件中添加一行代码来禁用"vue/multi-word-component-names"规则。具体操作如下：

1. 打开eslint配置文件（通常是.eslintrc.js或.eslintrc.json）。
2. 找到eslintConfig配置项中的rules。
3. 在rules中添加以下代码：

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

这将禁用"vue/multi-word-component-names"规则。
4. 保存并关闭配置文件。

这样，eslint将不再对组件名称进行多个单词的检查。