Ignore <Textarea> components in vue/no-textarea-mustache (#2024)

vuejs · Oct 31, 2022 · 2bdcc51 · 2bdcc51
1 parent c64af6b
commit 2bdcc51
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/lib/rules/no-textarea-mustache.js b/lib/rules/no-textarea-mustache.js
@@ -22,7 +22,7 @@ module.exports = {
   create(context) {
     return utils.defineTemplateBodyVisitor(context, {
       /** @param {VExpressionContainer} node */
-      "VElement[name='textarea'] VExpressionContainer"(node) {
+      "VElement[rawName='textarea'] VExpressionContainer"(node) {
         if (node.parent.type !== 'VElement') {
           return
         }

diff --git a/tests/lib/rules/no-textarea-mustache.js b/tests/lib/rules/no-textarea-mustache.js
@@ -22,6 +22,10 @@ tester.run('no-textarea-mustache', rule, {
     {
       filename: 'test.vue',
       code: '<template><div><textarea v-model="text"></textarea></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><Textarea>{{text}}</Textarea></div></template>'
     }
   ],
   invalid: [
@@ -30,6 +34,11 @@ tester.run('no-textarea-mustache', rule, {
       code: '<template><div><textarea>{{text}}</textarea></div></template>',
       errors: ["Unexpected mustache. Use 'v-model' instead."]
     },
+    {
+      filename: 'test.vue',
+      code: '<template><div><textarea v-model="text">{{text}}</textarea></div></template>',
+      errors: ["Unexpected mustache. Use 'v-model' instead."]
+    },
     {
       filename: 'test.vue',
       code: '<template><div><textarea>{{text}} and {{text}}</textarea></div></template>',