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.

  • es.davy.ai/
  • Programación /
  • Cómo desactivar la regla de eslint “vue/multi-word-component-names” solo para un archivo .vue?

Cómo desactivar la regla de eslint “vue/multi-word-component-names” solo para un archivo .vue?

01 Aug, 2023 Programación

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?

Tags:  , , , ,

Answer

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

    <!-- eslint-disable-next-line vue/multi-word-component-names -->
<template>
    <div>
        <header></header>
        <nuxt></nuxt>
    </div>
</template>

    Esto desactivará la regla específicamente para el archivo default.vue, sin afectar a otros archivos que utilicen la misma regla.

Comments are closed.