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

// .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 plugin:vuetify/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)