eslint-plugin-vuetify

eslint-plugin-vuetify (WIP)

An eslint plugin for Vuetify. Built for https://github.com/vuetifyjs/vuetify/pull/7327, requires vuetify >=2.0.0-beta.9

Support the maintainer of this plugin:

Kael Watts-Deuchar

💿 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'
  ],
  plugins: [
    'vuetify'
  ],
  rules: {
    'vuetify/no-deprecated-classes': 'error'
  }
}

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

Grid system

These rules are designed to help migrate to the new grid system in Vuetify v2

• Prevent the use of legacy grid components and props (no-legacy-grid)
• Warn about unknown attributes not being converted to classes on new grid components (grid-unknown-attributes)

Deprecations

These rules will help you avoid deprecated components, props, and classes

• Prevent the use of classes that have been removed from Vuetify (no-deprecated-classes)
• Prevent the use of components that have been removed from Vuetify (['no-deprecated-components`])

💪 Supporting Vuetify

Vuetify is an open source MIT project that has been made possible due to the generous contributions by community backers. If you are interested in supporting this project, please consider:

• Becoming a sponsor on Github (supports John)
• Becoming a backer on OpenCollective (supports the Dev team)
• Become a subscriber on Tidelift
• Make a one-time payment with Paypal
• Book time with John

📑 License

MIT

Copyright (c) 2016-present Vuetify LLC