Eslint-plugin-vuetify NPM

eslint-plugin-vuetify

This package is for migrating from Vuetify v2 to v3, use eslint-plugin-vuetify@vuetify-2 for v1 to v2.

💿 Install

You should have eslint and eslint-plugin-vue set up first.

yarn add eslint-plugin-vuetify -D
# OR
npm install eslint-plugin-vuetify --save-dev

// eslint.config.js
import vue from 'eslint-plugin-vue'
import vuetify from 'eslint-plugin-vuetify'

export default [
  ...vue.configs['flat/base'],
  ...vuetify.configs['flat/base'],
]

Eslint 8 can alternatively use the older configuration format:

// .eslintrc.js
module.exports = {
  extends: [
    'plugin:vue/base',
    'plugin:vuetify/base'
  ]
}

NOTE This plugin does not affect pug templates due to a limitation in vue-eslint-parser. I suggest converting your pug templates to HTML with pug-to-html in order to use this plugin.

Rules

Deprecations

These rules will help you avoid deprecated components, props, and classes. They are included in the base preset.

Prevent the use of components that have been removed from Vuetify (no-deprecated-components)
Prevent the use of props that have been removed from Vuetify (no-deprecated-props)
Prevent the use of events that have been removed from Vuetify (no-deprecated-events)
Prevent the use of classes that have been removed from Vuetify (no-deprecated-classes)
Prevent the use of the old theme class syntax (no-deprecated-colors)
Prevent the use of deprecated import paths (no-deprecated-imports)
Ensure icon buttons have a variant defined (icon-button-variant)