Use raw values instead & fix rule

vuejs · Aug 2, 2017 · 790099f · 790099f
1 parent f19dd91
commit 790099f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/lib/rules/attribute-hyphenation.js b/lib/rules/attribute-hyphenation.js
@@ -47,7 +47,7 @@ function create (context) {
     VAttribute (node) {
       if (!utils.isCustomComponent(node.parent.parent)) return
 
-      const name = !node.directive ? node.key.name : node.key.name === 'bind' ? node.key.argument : false
+      const name = !node.directive ? node.key.rawName : node.key.name === 'bind' ? node.key.raw.argument : false
       if (!name || isIgnoredAttribute(name)) return
 
       reportIssue(node, name)

diff --git a/tests/lib/rules/attribute-hyphenation.js b/tests/lib/rules/attribute-hyphenation.js
@@ -48,8 +48,8 @@ ruleTester.run('attribute-hyphenation', rule, {
   invalid: [
     {
       filename: 'test.vue',
-      code: '<template><div><custom my-prop="prop"></custom></div></template>',
-      output: '<template><div><custom myProp="prop"></custom></div></template>',
+      code: '<template><div><custom my-prop="foo"></custom></div></template>',
+      output: '<template><div><custom myProp="foo"></custom></div></template>',
       options: ['never'],
       errors: [{
         message: "Attribute 'my-prop' cann't be hyphenated.",
@@ -59,8 +59,8 @@ ruleTester.run('attribute-hyphenation', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><div><custom MyProp="prop"></custom></div></template>',
-      output: '<template><div><custom my-prop="prop"></custom></div></template>',
+      code: '<template><div><custom MyProp="Bar"></custom></div></template>',
+      output: '<template><div><custom my-prop="Bar"></custom></div></template>',
       options: ['always'],
       errors: [{
         message: "Attribute 'MyProp' must be hyphenated.",