Update vue/no-restricted-v-bind and vue/valid-v-bind rules to sup…

…port `attr` modifier. (#1598)
vuejs · Aug 10, 2021 · a1a5122 · a1a5122
1 parent b7b2393
commit a1a5122
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 2 deletions.
diff --git a/lib/rules/no-restricted-v-bind.js b/lib/rules/no-restricted-v-bind.js
@@ -113,7 +113,7 @@ module.exports = {
                 type: 'array',
                 items: {
                   type: 'string',
-                  enum: ['prop', 'camel', 'sync']
+                  enum: ['prop', 'camel', 'sync', 'attr']
                 },
                 uniqueItems: true
               },

diff --git a/lib/rules/valid-v-bind.js b/lib/rules/valid-v-bind.js
@@ -15,7 +15,7 @@ const utils = require('../utils')
 // Helpers
 // ------------------------------------------------------------------------------
 
-const VALID_MODIFIERS = new Set(['prop', 'camel', 'sync'])
+const VALID_MODIFIERS = new Set(['prop', 'camel', 'sync', 'attr'])
 
 // ------------------------------------------------------------------------------
 // Rule Definition

diff --git a/tests/lib/rules/no-restricted-v-bind.js b/tests/lib/rules/no-restricted-v-bind.js
@@ -147,6 +147,13 @@ tester.run('no-restricted-v-bind', rule, {
       </template>`,
       options: [{ argument: 'foo', message: 'foo' }],
       errors: ['foo']
+    },
+
+    {
+      filename: 'test.vue',
+      code: '<template><div :foo.attr="foo" /><div :bar.attr="foo" /></template>',
+      options: [{ argument: 'foo', modifiers: ['attr'] }],
+      errors: ['Using `:foo.attr` is not allowed.']
     }
   ]
 })
diff --git a/tests/lib/rules/valid-v-bind.js b/tests/lib/rules/valid-v-bind.js
@@ -71,6 +71,10 @@ tester.run('valid-v-bind', rule, {
       filename: 'test.vue',
       code: "<template><div :aaa.camel='bbb'></div></template>"
     },
+    {
+      filename: 'test.vue',
+      code: "<template><div :aaa.attr='bbb'></div></template>"
+    },
     {
       filename: 'test.vue',
       code: "<template><input v-bind='$attrs' /></template>"