web-dev-qa-db-fra.com

Comment désactiver la longueur maximale de la règle eslint pour les paragraphes dans <modèle> de vue.js?

J'utilise Airbnb Eslint et je reçois actuellement une erreur:

erreur: La ligne 6 dépasse la longueur de ligne maximale de 100 (max-len) à chemin/vers/fichier.vue: 6: 1:

<template lang="pug">
  div
    .container
      .row
        .col-xl-10.mx-auto
          p Please let us know how you got here, and use the header buttons to navigate back to safe harbor.
</template>

Existe-t-il un moyen de désactiver la charpie pour le texte de paragraphe comme ci-dessus?
De plus, comment augmenter la longueur de la ligne de 100 à 120?

javascriptvue.jsvuejs2eslintairbnb
5
Syed

Pour eslint-plugin-vue> = 4.1.0, vous pouvez utiliser les commentaires de directive pour désactiver eslint.

https://github.com/vuejs/eslint-plugin-vue/commit/ad84e0ba6d81f24583e65fc70b1d9803d73d3ed9

<template>
  <!-- eslint-disable-next-line vue/max-attributes-per-line -->
  <div a="1" b="2" c="3" d="4">
  </div>
</template>
2
Erty Seidohl

D’après les critères AFAIK, il n’existe aucun moyen d’appliquer des règles Eslint au modèle, et plus particulièrement à une ligne d’un modèle. J'espère avoir tort quand même.

de toute façon, comme j’ai un fichier avec beaucoup de texte, pour l’aider, j’ai ajouté cette règle 'max-len': ["error", { "code": 120 }], dans mon fichier .eslintrc.js.

voici la structure (avec les autres paramètres supprimés)

module.exports {
  rules: {
    'max-len': ["error", { "code": 120 }]
  }
}
8
Daniel

Cela désactivera la règle pour la balise de modèle entière. Documents officiels ES Lint sur la désactivation des règles

<template>
  <!-- eslint-disable max-len -->
  ...

EDIT: si vous souhaitez plutôt désactiver la règle de longueur de ligne pour tous les fichiers .vue, ajoutez ceci à .eslintrc.js (cela désactivera également la règle pour les balises <script> et <style>):

module.exports = {
  ...
  overrides: [
    {
      files: ["*.vue"],
      rules: {
        ...
        'max-len': 'off' // disables line length check
      }
    }
  ]
};
5
gedijedi

Vous pouvez ajouter ceci à vos règles ESLint:

rules: {
  "vue/max-attributes-per-line": "off"
}

Cela a fonctionné pour moi (même si je l’investis plutôt dans mes projets).
Vous pouvez trouver plus d’informations ici si vous le souhaitez.

0
Begueradj