Vuejs中的ESLint +漂亮警告

我已经在我的Vuejs项目中安装了ESLint + Prettier。保存文件会使更漂亮的用户发出以下警告。非常感谢有人可以解释导致此警告的原因。

"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>

.prettierrc.js:

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

.eslintrc.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
      }
    }
  ]
}