6
respostas

Erro 35:15 error Component name "Formulario" should always be multi-word vue/multi-word-component-names '''RESOLVIDO'''

Uma ajuda pra que tiver o erro do titulo, em formulario.vue em vez de colocar name: 'Formulário' coloque um nome composto que o erro some. Ex: export default defineComponent({ name: 'Formulario-Nome' })

6 respostas

Boa, André.

Essa é uma regra nova do eslint do Vue.

Uma alternativa é desligar essa validação.

Basta alterar o arquivo .eslintrc.js que fica na raiz do projeto:

Adicione essa linha:

'vue/multi-word-component-names': 0

No array rules. O arquivo final vai ficar mais ou menos assim:

module.exports = {
  root: true,
  env: {
    node: true
  },
  'extends': [
    'plugin:vue/vue3-essential',
    'eslint:recommended',
    '@vue/typescript/recommended'
  ],
  parserOptions: {
    ecmaVersion: 2020
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'vue/multi-word-component-names': 0
  },
}

Marcos, desligar o lint não é uma boa forma de ensinar, muito melhor explicar o motivo do problema. Fica a dica.

Obrigado pela dica, Rafael.

Entender o lint é realmente essencial, assim conseguimos saber quais deles podemos ignorar ou desligar. Tudo depende do projeto, da equipe e da necessidade.

No caso o vue/multi-word-component-names, ele existe para evitar que nós, pessoas desenvolvedoras, criemos componentes que colidam com os elementos html existentes.

Desligar esse lint, no projeto visto no curso, vai permitir que você consiga criar o projeto exatamente como mostrado em aula. Utilizando os mesmos nomes dos componentes definidos em aula.

Bons estudos obrigado mais uma vez.

Não acho que precisamos criar idêntico ao feito em aula, até porque fica muito copia e cola, é bom que temos esses desafios justamente para sairmos da zona de conforto e procurar as soluções corretas dos problemas encontrados (que tem mais a ver com o mundo real no desenvolvimento).

Você até pode trazer a "solução" de desativar o lint como alternativa, mas deveria, como professor, também trazer a real solução do problema, para que o aluno decida de qual forma seguir.

Forte abraço.

Deu certo vlw.

Concordo com Rafael. Não desativei o Lint e sim procurei uma solução para não gerar o erro.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software