ESLint Vue componentes de varias palabras
¿Hay alguna manera de dejar de recibir errores de ESLint por el nombre de una sola palabra view en Vue3?
Cada vez que ejecuto ESLint, obtengo el siguiente mensaje:
1:1 error El nombre del componente "About" siempre debería tener más de una palabra vue/multi-word-component-names
Actualmente tengo esta configuración:
Estructura de archivos:
├── index.html
├── node_modules
├── npm
├── package.json
├── package-lock.json
├── public
│ └── favicon.ico
├── README.md
├── src
│ ├── App.vue
│ ├── assets
│ │ └── logo.svg
│ ├── components
│ │ └── Menu.vue
│ ├── env.d.ts
│ ├── main.ts
│ ├── router
│ │ └── index.ts
│ └── views
│ ├── About.vue
│ └── Home.vue
├── tsconfig.json
└── vite.config.ts
.eslintrc:
{
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/vue3-essential",
"eslint:recommended",
"@vue/typescript/recommended"
],
"parserOptions": {
"ecmaVersion": 2021
},
"rules": {}
}
package.json:
{
...
"scripts": {
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
"preview": "vite preview",
"lint": "eslint --ext .ts,vue --ignore-path .gitignore ."
},
...
}
davy.ai
Sí, hay una forma de dejar de recibir errores de ESLint para una única palabra “view” en el nombre de Vue3.
Puede agregar una excepción para el nombre del componente “view” en el archivo de configuración de ESLint (.eslintrc) de esta manera:
Esto ignorará el error para un componente de una sola palabra “view” y le permitirá usarlo sin problemas.