Fix 1836 (#1844)

* Add failing test case * fix #1836: support script[setup] in multi-word-component-names
vuejs · Apr 12, 2022 · a473a0d · a473a0d
1 parent 46da539
commit a473a0d
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 1 deletion.
diff --git a/lib/rules/multi-word-component-names.js b/lib/rules/multi-word-component-names.js
@@ -60,7 +60,7 @@ module.exports = {
         ignores.add(casing.kebabCase(ignore))
       }
     }
-    let hasVue = false
+    let hasVue = utils.isScriptSetup(context)
     let hasName = false
 
     /**

diff --git a/tests/lib/rules/multi-word-component-names.js b/tests/lib/rules/multi-word-component-names.js
@@ -202,6 +202,17 @@ tester.run('multi-word-component-names', rule, {
           },
       }).$mount('#app')
       `
+    },
+    {
+      filename: 'MultiWord.vue',
+      code: `
+      <template>
+        <AppButton />
+      </template>
+      
+      <script setup lang="ts">
+      import AppButton from "@/components/AppButton.vue";
+      </script>`
     }
   ],
   invalid: [
@@ -309,6 +320,19 @@ tester.run('multi-word-component-names', rule, {
           line: 4
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <script setup lang="ts">
+      import Item from "@/components/Item.vue";
+      </script>`,
+      errors: [
+        {
+          message: 'Component name "test" should always be multi-word.',
+          line: 1
+        }
+      ]
     }
   ]
 })