eslint-plugin-vuetify 2.7.0 → 2.7.2

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

@@ -32,9 +32,9 @@ module.exports = {
       }
     }],
     messages: {
-      deprecated: `'{{ name }}' is deprecated`,
-      deprecatedWithMessage: `'{{ name }}' is deprecated: {{ message }}`,
-      deprecatedWithReplacement: `'{{ name }}' is deprecated, use '<{{ tag }}{{ classAttr }}>' instead`
+      deprecated: `do not use '{{ name }}' (custom policy)`,
+      deprecatedWithMessage: `'{{ name }}' {{ message }}`,
+      deprecatedWithReplacement: `do not use '{{ name }}', use '<{{ tag }}{{ classAttr }}>' instead`
     }
   },
   create(context) {

package/lib/rules/custom-deprecated-events.js

@@ -35,9 +35,9 @@ module.exports = {
       }
     }],
     messages: {
-      replacedWith: `{{ tag }}: @{{ a }} has been replaced with @{{ b }}`,
-      removed: `{{ tag }}: @{{ name }} has been removed`,
-      removedWithMessage: `{{ tag }}: @{{ name }} has been removed: {{ message }}`
+      removed: `{{ tag }}: do not use @{{ name }} (custom policy)`,
+      replacedWith: `{{ tag }}: do not use @{{ a }}, use @{{ b }} instead`,
+      removedWithMessage: `{{ tag }}: @{{ name }} {{ message }}`
     }
   },
   create(context) {

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

@@ -35,9 +35,9 @@ module.exports = {
       }
     }],
     messages: {
-      replacedWith: `'{{ a }}' has been replaced with '{{ b }}'`,
-      removed: `'{{ name }}' has been removed`,
-      removedWithMessage: `'{{ name }}' has been removed: {{ message }}`
+      removed: `do not use '{{ name }}' (custom policy)`,
+      replacedWith: `do not use '{{ a }}', use '{{ b }}' instead`,
+      removedWithMessage: `'{{ name }}' {{ message }}`
     }
   },
   create(context) {

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

@@ -34,9 +34,9 @@ module.exports = {
       }
     }],
     messages: {
-      replacedWith: `{{ component }}'s '{{ slot }}' slot has been replaced with '{{ newSlot }}'`,
-      removed: `{{ component }}'s '{{ slot }}' slot has been removed`,
-      removedWithMessage: `{{ component }}'s '{{ slot }}' slot has been removed: {{ message }}`
+      removed: `do not use {{ component }}'s '{{ slot }}' slot (custom policy)`,
+      replacedWith: `do not use {{ component }}'s '{{ slot }}' slot, use '{{ newSlot }}' instead`,
+      removedWithMessage: `{{ component }}'s '{{ slot }}' slot {{ message }}`
     }
   },
   create(context) {

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

@@ -796,7 +796,6 @@ const replacements = {
       value: 'right'
     },
     shaped: false,
-    text: false,
     top: {
       name: 'location',
       value: 'top'

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

@@ -33,6 +33,8 @@ const md3 = {
   'text-button': 'text-label-large',
   'text-overline': 'text-label-small'
 };
+const breakpoints = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
+const responsiveClassPattern = new RegExp(`^text-(${breakpoints.join('|')})-(.+)$`);
 
 // ------------------------------------------------------------------------------
 // Rule Definition
@@ -68,17 +70,25 @@ module.exports = {
     const replacements = {
       ...(context.options[0] || md3)
     };
-
-    // Remove entries the user set to false
-    for (const key of Object.keys(replacements)) {
-      if (replacements[key] === false) delete replacements[key];
+    function getReplace(className) {
+      const direct = replacements[className];
+      if (direct === false) return null;
+      if (direct != null) return direct;
+      const match = responsiveClassPattern.exec(className);
+      if (!match) return null;
+      const [, breakpoint, variant] = match;
+      const base = `text-${variant}`;
+      const baseReplace = replacements[base];
+      if (baseReplace == null || baseReplace === false) return null;
+      const newVariant = baseReplace.startsWith('text-') ? baseReplace.slice(5) : baseReplace;
+      return `text-${breakpoint}-${newVariant}`;
     }
     return context.sourceCode.parserServices.defineTemplateBodyVisitor({
       'VAttribute[key.name="class"]'(node) {
         if (!node.value || !node.value.value) return;
         const classes = node.value.value.split(/\s+/).filter(Boolean);
         classes.forEach(className => {
-          const replace = replacements[className];
+          const replace = getReplace(className);
           if (replace == null) return;
           const idx = node.value.value.indexOf(className) + 1;
           const range = [node.value.range[0] + idx, node.value.range[0] + idx + className.length];

package/lib/rules/no-legacy-utilities.js

@@ -85,8 +85,13 @@ module.exports = {
         if (!node.value || !node.value.value) return;
         const classes = node.value.value.split(/\s+/).filter(Boolean);
         classes.forEach(className => {
-          const replace = replacements[className];
+          // Support variant prefixes like md:pa-6, dark:flex-grow-1
+          const parts = className.split(':');
+          const baseClass = parts.pop();
+          const prefix = parts.length ? parts.join(':') + ':' : '';
+          const replace = replacements[baseClass];
           if (replace == null) return;
+          const fullReplace = prefix + replace;
           const idx = node.value.value.indexOf(className) + 1;
           const range = [node.value.range[0] + idx, node.value.range[0] + idx + className.length];
           const loc = {
@@ -98,10 +103,10 @@ module.exports = {
             messageId: 'replacedWith',
             data: {
               a: className,
-              b: replace
+              b: fullReplace
             },
             fix(fixer) {
-              return fixer.replaceTextRange(range, replace);
+              return fixer.replaceTextRange(range, fullReplace);
             }
           });
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-vuetify",
-  "version": "2.7.0",
+  "version": "2.7.2",
   "description": "An eslint plugin for Vuetify",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",