Как отключить максимальную длину строки правила eslint для абзаца в <template>файла vue.js?

Question

Я использую airbnb eslint, и в настоящее время я получаю ошибку:

ошибка: строка 6 превышает максимальную длину строки 100 (max-len) в path / to / file.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>

Есть ли способ отключить ворс для текста абзаца, как указано выше?
Кроме того, как увеличить длину строки со 100 до 120?

Answer 1

Вы можете добавить это к своим правилам ESLint:

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

Это сработало для меня (даже если я предпочел установить его для своих проектов).Вы можете найти более подробную информацию здесь , если хотите.

Answer 2

Для eslint-plugin-vue> = 4.1.0 вы можете использовать директивные комментарии для отключения 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>

Answer 3

Это отключит правило для всего тега шаблона. Официальные документы ES Lint по отключению правил

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

РЕДАКТИРОВАТЬ: если вы хотите вместо этого отключить правило длины строки для всех файлов .vue, добавьте его к .eslintrc.js (это такжеотключить правило для тегов <script> и <style>):

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

Answer 4

AFAIK, нет никакого способа применить правила eslint к шаблону, и особенно к одной строке в шаблоне.Я надеюсь, что все равно ошибаюсь.

в любом случае, потому что у меня есть файл с большим количеством текста, чтобы обойти его, я добавил это правило 'max-len': ["error", { "code": 120 }], в свой файл .eslintrc.js.

вот структура (без других настроек)

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