Improved autofix of vue/no-deprecated-slot-attribute rule when slot name contains _. (#1436)

Author: ota-meshi

lib/rules/syntaxes/slot-attribute.js

@@ -23,8 +23,8 @@ module.exports = {
         return true
       }
       const slotName = slotAttr.value.value
-      // If non-Latin characters are included it can not be converted.
-      return !/[^a-z]/i.test(slotName)
+      // If other than alphanumeric, underscore and hyphen characters are included it can not be converted.
+      return !/[^\w\-]/u.test(slotName)
     }
 
     /**

tests/lib/rules/no-deprecated-slot-attribute.js

@@ -348,6 +348,63 @@ tester.run('no-deprecated-slot-attribute', rule, {
           line: 4
         }
       ]
+    },
+    {
+      code: `
+      <template>
+        <MyComponent>
+          <template slot="foo-bar">
+            <a/>
+          </template>
+        </MyComponent>
+      </template>`,
+      output: `
+      <template>
+        <MyComponent>
+          <template v-slot:foo-bar>
+            <a/>
+          </template>
+        </MyComponent>
+      </template>`,
+      errors: ['`slot` attributes are deprecated.']
+    },
+    {
+      code: `
+      <template>
+        <MyComponent>
+          <template slot="foo_bar">
+            <a/>
+          </template>
+        </MyComponent>
+      </template>`,
+      output: `
+      <template>
+        <MyComponent>
+          <template v-slot:foo_bar>
+            <a/>
+          </template>
+        </MyComponent>
+      </template>`,
+      errors: ['`slot` attributes are deprecated.']
+    },
+    {
+      code: `
+      <template>
+        <MyComponent>
+          <template slot="123">
+            <a/>
+          </template>
+        </MyComponent>
+      </template>`,
+      output: `
+      <template>
+        <MyComponent>
+          <template v-slot:123>
+            <a/>
+          </template>
+        </MyComponent>
+      </template>`,
+      errors: ['`slot` attributes are deprecated.']
     }
   ]
 })