¿Hay alguna manera de dejar de recibir un error de ESLint para el nombre de vista de una sola palabra en Vue3?
Cada vez que ejecuto ESLint, aparece el siguiente mensaje:
1:1 error Component name "About" should always be multi-word vue/multi-word-component-namesActualmente 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": {} }paquete.json
{ ... "scripts": { "dev": "vite", "build": "vue-tsc --noEmit && vite build", "preview": "vite preview", "lint": "eslint --ext .ts,vue --ignore-path .gitignore ." }, ... }overrides en la configuración de ESLint Especifique una configuración de overrides para src/views/**/*.vue para deshabilitar esa regla:
// <projectRoot>/.eslintrc.js module.exports = { ⋮ overrides: [ { files: ['src/views/**/*.vue'], rules: { 'vue/multi-word-component-names': 0, }, }, ], } Nota: Si usa VS Code con la extensión ESLint , es posible que deba reiniciar el servidor ESLint (a través del comando >ESLint: Restart ESLint Server la Paleta de comandos) o reiniciar el IDE para volver a cargar la configuración.
ESLint admite la configuración por directorio , por lo que puede deshabilitar esa regla en particular solo para el directorio src/views con su propio .eslintrc.js :
// <projectRoot>/src/views/.eslintrc.js module.exports = { rules: { 'vue/multi-word-component-names': 0, }, }