eslint-plugin-vuetify 2.1.1 → 2.3.0

package/README.md

@@ -47,6 +47,7 @@ These rules will help you avoid deprecated components, props, and classes. They
 - 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`])
 
 ### Grid system
 
@@ -61,6 +62,7 @@ These rules are designed to help migrate to the new grid system in Vuetify v2. T
 [`no-deprecated-events`]: ./docs/rules/no-deprecated-events.md
 [`no-deprecated-classes`]: ./docs/rules/no-deprecated-classes.md
 [`no-deprecated-colors`]: ./docs/rules/no-deprecated-colors.md
+[`no-deprecated-imports`]: ./docs/rules/no-deprecated-imports.md
 
 
 ## 💪 Supporting Vuetify

package/lib/configs/base.js

@@ -11,6 +11,7 @@ module.exports = {
     'vuetify/no-deprecated-components': 'error',
     'vuetify/no-deprecated-events': 'error',
     'vuetify/no-deprecated-props': 'error',
-    'vuetify/no-deprecated-slots': 'error'
+    'vuetify/no-deprecated-slots': 'error',
+    'vuetify/no-deprecated-imports': 'error'
   }
 };

package/lib/rules/no-deprecated-components.js

@@ -20,7 +20,6 @@ const replacements = {
   VListItemSubTitle: 'v-list-item-subtitle',
   VListTileSubtitle: 'v-list-item-subtitle',
   VContent: 'v-main',
-  VCalendar: false,
   VData: false,
   VListItemGroup: false,
   VListItemAvatar: {
@@ -33,17 +32,14 @@ const replacements = {
   VOverflowBtn: false,
   VPicker: false,
   VSimpleCheckbox: 'v-checkbox-btn',
-  VSparkline: false,
-  VSpeedDial: false,
   VSubheader: {
-    custom: 'v-list-subheader or class="text-subheader-2"'
+    custom: 'v-list-subheader or class="text-subtitle-2"'
   },
   VSimpleTable: 'v-table',
   VTabsSlider: false,
   VTabsItems: false,
   VTabItem: false,
-  VTimePicker: false,
-  VTreeview: false
+  VTimePicker: false
 };
 
 // ------------------------------------------------------------------------------

package/lib/rules/no-deprecated-imports.js

@@ -0,0 +1,29 @@
+"use strict";
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'disallow import from "vuetify/lib/util/colors", suggest "vuetify/util/colors" instead',
+      category: 'Best Practices',
+      recommended: false
+    },
+    fixable: 'code',
+    schema: []
+  },
+  create(context) {
+    return {
+      ImportDeclaration(node) {
+        if (node.source.value === 'vuetify/lib/util/colors') {
+          context.report({
+            node,
+            message: 'Import from "vuetify/lib/util/colors" is deprecated. Use "vuetify/util/colors" instead.',
+            fix(fixer) {
+              return fixer.replaceText(node.source, node.source.raw.replace('vuetify/lib/util/colors', 'vuetify/util/colors'));
+            }
+          });
+        }
+      }
+    };
+  }
+};

package/lib/rules/no-deprecated-props.js

@@ -54,7 +54,6 @@ const inputs = {
   },
   fullWidth: false,
   height: false,
-  hideSpinButtons: false,
   loaderHeight: false,
   outline: {
     name: 'variant',
@@ -100,8 +99,7 @@ const select = {
   searchInput: 'search',
   smallChips: false,
   filter: 'customFilter',
-  ...inputs,
-  dense: false
+  ...inputs
 };
 const link = {
   append: false,
@@ -153,7 +151,6 @@ const replacements = {
     shaped: false,
     short: false,
     shrinkOnScroll: false,
-    tile: false,
     width: false,
     ...theme,
     ...size
@@ -185,10 +182,6 @@ const replacements = {
       value: 'outlined'
     },
     shaped: false,
-    tile: {
-      name: 'rounded',
-      value: 0
-    },
     transition: false,
     ...theme
   },
@@ -204,6 +197,7 @@ const replacements = {
     ...size
   },
   VBadge: {
+    value: 'model-value',
     avatar: false,
     mode: false,
     origin: false,
@@ -229,7 +223,7 @@ const replacements = {
     app: false,
     iconColor: false,
     mobileBreakPoint: false,
-    outlined: false,
+    outlined: 'border',
     shaped: false,
     value: false
   },
@@ -298,7 +292,6 @@ const replacements = {
       name: 'variant',
       value: 'text'
     },
-    tile: false,
     top: {
       name: 'location',
       value: 'top'
@@ -316,10 +309,6 @@ const replacements = {
       value: 'compact'
     },
     shaped: false,
-    tile: {
-      name: 'rounded',
-      value: 0
-    },
     value: 'model-value',
     valueComparator: false,
     ...theme
@@ -336,10 +325,6 @@ const replacements = {
       value: 8
     },
     shaped: false,
-    tile: {
-      name: 'rounded',
-      value: 0
-    },
     ...link
   },
   VCarousel: {
@@ -469,10 +454,8 @@ const replacements = {
       value: 'popout'
     },
     activeClass: 'selected-class',
-    flat: false,
     focusable: false,
     hover: false,
-    tile: false,
     value: 'model-value',
     valueComparator: false
   },
@@ -499,7 +482,10 @@ const replacements = {
     ...inputs
   },
   VDialog: {
-    ...overlay
+    ...overlay,
+    tile: {
+      custom: 'apply border-radius changes to the root element of the `v-dialog`\'s content'
+    }
   },
   VMenu: {
     allowOverflow: false,
@@ -540,7 +526,9 @@ const replacements = {
       value: 'right'
     },
     rounded: false,
-    tile: false,
+    tile: {
+      custom: 'apply border-radius changes to the root element of the `v-menu`\'s content'
+    },
     top: {
       name: 'location',
       value: 'top'
@@ -550,10 +538,9 @@ const replacements = {
   },
   VFooter: {
     fixed: false,
-    outlined: false,
+    outlined: 'border',
     padless: false,
     shaped: false,
-    tile: false,
     width: false,
     ...size
   },
@@ -568,17 +555,15 @@ const replacements = {
       name: 'size',
       value: 'small'
     },
-    disabled: false,
     left: 'start',
     right: 'end',
-    ...sizes
+    ...sizes,
+    ...theme
   },
   VImg: {
     contain: {
       custom: 'cover'
     },
-    contentClass: false,
-    position: false,
     ...theme
   },
   VItemGroup: {
@@ -599,7 +584,7 @@ const replacements = {
     },
     expand: false,
     flat: false,
-    outlined: false,
+    outlined: 'border',
     subheader: false,
     threeLine: {
       name: 'lines',
@@ -608,8 +593,7 @@ const replacements = {
     twoLine: {
       name: 'lines',
       value: 'two'
-    },
-    tile: false
+    }
   },
   VListGroup: {
     activeClass: false,
@@ -672,7 +656,6 @@ const replacements = {
   },
   VOverlay: {
     color: 'scrim',
-    opacity: false,
     value: 'model-value'
   },
   VPagination: {
@@ -754,9 +737,8 @@ const replacements = {
     ...sizes
   },
   VSheet: {
-    outlined: false,
-    shaped: false,
-    tile: false
+    outlined: 'border',
+    shaped: false
   },
   VSlideGroup: {
     activeClass: 'selected-class',
@@ -807,7 +789,6 @@ const replacements = {
     },
     shaped: false,
     text: false,
-    tile: false,
     top: {
       name: 'location',
       value: 'top'
@@ -876,12 +857,11 @@ const replacements = {
   },
   VToolbar: {
     bottom: false,
-    outlined: false,
+    outlined: 'border',
     prominent: false,
     shaped: false,
     short: false,
     src: 'image',
-    tile: false,
     width: false,
     ...size
   },

package/lib/rules/no-deprecated-slots.js

@@ -149,6 +149,23 @@ const groups = [{
       }
     });
   }
+}, {
+  components: ['VSnackbar'],
+  slots: ['action'],
+  handler(context, node, directive, param) {
+    context.report({
+      node: directive,
+      messageId: 'renamed',
+      data: {
+        component: node.parent.name,
+        slot: directive.key.argument.name,
+        newSlot: 'actions'
+      },
+      fix(fixer) {
+        return fixer.replaceText(directive.key.argument, 'action');
+      }
+    });
+  }
 }];
 
 // ------------------------------------------------------------------------------

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vuetify",
-  "version": "2.1.1",
+  "version": "2.3.0",
   "description": "An eslint plugin for Vuetify",
   "main": "lib/index.js",
   "author": "Kael Watts-Deuchar <kaelwd@gmail.com>",