Vue (w/ TypeScript)

Get this config by extending @prazdevs/eslint-config-vue.

Only looking for TypeScript linting? Check out @prazdevs/eslint-config-typescript.

Prerequisites

This config needs the following dependencies installed:

'eslint': '>=7.30.0',

Plugins

This config uses the following plugins:

'vue',
'cypress',

Extends

This config extends the following configs:

'plugin:vue/vue3-recommended',
'plugin:cypress/recommended',
'plugin:vuejs-accessibility/recommended',
'@prazdevs/eslint-config-typescript',

Rules

This config adds/modifies the following rules:

'vue/attributes-order': ['error', { alphabetical: true }],
'vue/block-tag-newline': [
  'error',
  { singleline: 'always', multiline: 'always' },
],
'vue/max-attributes-per-line': ['error', { singleline: 2 }],
'vue/max-len': 'error',
'vue/no-empty-component-block': 'error',
'vue/no-export-in-script-setup': 'error',
'vue/no-reserved-component-names': [
  'error',
  { disallowVue3BuiltInComponents: true },
],
'vue/no-template-target-blank': 'error',
'vue/no-useless-mustaches': 'error',
'vue/no-useless-v-bind': 'error',
'vue/padding-line-between-blocks': 'error',
'vue/valid-define-emits': 'error',
'vue/valid-define-props': 'error',
'vue/valid-v-memo': 'error',