es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

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 ."
  },
...
}
Tags:  , , , ,

Answer

  1. Avatar for 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:

    {
      "rules": {
        "vue/multi-word-component-names": ["error", {"ignores": ["view"]}]
      }
    }
    

    Esto ignorará el error para un componente de una sola palabra “view” y le permitirá usarlo sin problemas.

Comments are closed.