Fix false positive for filename in vue/multi-word-component-names r…

…ule (#1689)
vuejs · Oct 29, 2021 · fa1675c · fa1675c
1 parent c6ca602
commit fa1675c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/lib/rules/multi-word-component-names.js b/lib/rules/multi-word-component-names.js
@@ -8,6 +8,7 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
+const path = require('path')
 const casing = require('../utils/casing')
 const utils = require('../utils')
 
@@ -111,7 +112,7 @@ module.exports = {
           if (hasName) return
           if (!hasVue && node.body.length > 0) return
           const fileName = context.getFilename()
-          const componentName = fileName.replace(/\.[^/.]+$/, '')
+          const componentName = path.basename(fileName, path.extname(fileName))
           if (
             utils.isVueFile(fileName) &&
             !isValidComponentName(componentName)

diff --git a/tests/lib/rules/multi-word-component-names.js b/tests/lib/rules/multi-word-component-names.js
@@ -39,6 +39,10 @@ tester.run('multi-word-component-names', rule, {
       filename: 'app.vue',
       code: ''
     },
+    {
+      filename: 'path/to/app.vue',
+      code: '<script></script>'
+    },
     {
       filename: 'invalid.vue',
       code: `