ESLint + более симпатичное предупреждение в Vuejs - PullRequest
Новая
       78

ESLint + более симпатичное предупреждение в Vuejs

1 голос
/ 08 апреля 2020

Я установил ESLint + Prettier в свой Vuejs проект. Сохранение файлов заставляет красивее выдать следующее предупреждение. Буду признателен, если кто-нибудь сможет объяснить причины этого предупреждения. 

"Replace `·:to=\"{·name:·'About',·query:·{·lang:·$i18n.locale·}·}\"·tag=\"button\">About</router-link` with `⏎········:to=\"{·name:·'About',·query:·{·lang:·$i18n.locale·}·}\"⏎········tag=\"button\"⏎········>About</router-link⏎······`"

Файл vuejs: 

<template>
  <div id="app">
    <div id="nav">
      <router-link to="/">Home</router-link>|
      <router-link
        :to="{ name: 'About', query: { lang: $i18n.locale } }"
        tag="button"
      >
        About
      </router-link>
      <p>{{ $route.query.lang }}</p>
      <h2>{{ $i18n.locale }}</h2>
    </div>
    <router-view />
  </div>
</template>

.prettierr c. js: 

module.exports = {
  singleQuote: true,
  semi: false
}

.eslintr c. js: 

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: ['plugin:vue/essential', '@vue/prettier'],
  parserOptions: {
    parser: 'babel-eslint'
  },
  rules: {
    'prettier/prettier': ['error']
  },
  overrides: [
    {
      files: [
        '**/__tests__/*.{j,t}s?(x)',
        '**/tests/unit/**/*.spec.{j,t}s?(x)'
      ],
      env: {
        jest: true
      }
    }
  ]
}

1 Ответ

0 голосов
/ 13 апреля 2020

Обтекание строк, которое вы наблюдаете, выполняется форматированием ядра Преттье. Вы можете избежать этого, установив максимальную ширину линии (printWidth) более 80. Создайте <root>/.prettierrc.js со следующим содержимым: 

module.exports = {
  printWidth: 200, // max number of characters per line (default: 80)
}
...