@paint-hub/eslint-config-vue v1.0.0

@paint-hub/eslint-config-vue

适用于 Vue 的 ESlint 配置

🏁 安装

npm install @paint-hub/eslint-config-vue --save-dev

# or

pnpm add @paint-hub/eslint-config-vue -D

🚋 使用

// .eslintrc.js
module.exports = {
  extends: ['@paint-hub/vue'],
}

🛠️ 预设规则

以下展示的是默认规则，你可以在你的 .eslintrc.js 中覆盖或添加规则

env: {
  browser: true,
  node: true,
  es2022: true,
  'vue/setup-compiler-macros': true,
},
parser: 'vue-eslint-parser',
parserOptions: {
  parser: '@typescript-eslint/parser',
  sourceType: 'module',
},
extends: [
  'plugin:vue/vue3-essential',
  'plugin:vue/vue3-strongly-recommended',
  'plugin:vue/vue3-recommended',
  'plugin:@paint-hub/specification/base',
  'plugin:prettier/recommended',
  'eslint:recommended',
  'prettier',
],
plugins: ['vue', '@typescript-eslint', 'prettier', '@paint-hub/specification'],
rules: {
  'vue/html-self-closing': [
    'error',
    {
      html: {
        void: 'always',
        normal: 'never',
        component: 'always',
      },
      svg: 'always',
      math: 'always',
    },
  ],
  'vue/max-attributes-per-line': 'off',
  'vue/singleline-html-element-content-newline': 'off',
  'vue/no-v-html': 'off',
  'vue/multi-word-component-names': 'off',
  'no-unused-vars': 'off',
  'no-console': 'off',
  '@typescript-eslint/no-unused-vars': 'error',
  '@typescript-eslint/no-explicit-any': 'error',
},
overrides: [
  {
    files: ['**/tests/unit/**/*.spec.{j,t}s?(x)'],
    env: {
      jest: true,
    },
  },
],

License

MIT

Copyright (c) 2022-present, Wenhao (Noah) Yu