Cómo desactivar la regla de eslint “vue/multi-word-component-names” solo para un archivo .vue?
Estoy usando el complemento Vue ESLint y tiene una regla que no permite nombres de componentes de una sola palabra.
Sin embargo, también estoy usando Nuxt, y para establecer un diseño predeterminado en Nuxt necesitas un componente .vue llamado default.vue
que arroja errores de la regla ES Lint.
No puedo encontrar la manera de desactivarla solo en ese archivo .vue que en realidad es bastante pequeño…
html
Pero si desactivo la regla en mi .eslintrc.js
entonces funciona.
module.exports = {
root: true,
env: {
browser: true,
node: true,
},
extends: [
'@nuxtjs/eslint-config-typescript',
'plugin:nuxt/recommended',
'prettier',
],
plugins: [],
// add your custom rules here
rules: {
'vue/multi-word-component-names': 'off',
},
}
¿Existe alguna manera de desactivar la regla solo en un archivo Vue?
davy.ai
Sí, puedes desactivar la regla solo para un archivo Vue agregando un comentario en línea en la parte superior de ese archivo. En el comentario, puedes usar la sintaxis eslint-disable-next-line seguida del nombre de la regla que deseas desactivar. En este caso, usarías:
Esto desactivará la regla específicamente para el archivo
default.vue
, sin afectar a otros archivos que utilicen la misma regla.