attribute-hyphenation: Fix spelling mistakes

 - hypen -> hyphen
 - cann't -> can't

Author: LukeShu

lib/rules/attribute-hyphenation.js

@@ -63,7 +63,7 @@ module.exports = {
       context.report({
         node: node.key,
         loc: node.loc,
-        message: useHyphenated ? "Attribute '{{text}}' must be hyphenated." : "Attribute '{{text}}' cann't be hyphenated.",
+        message: useHyphenated ? "Attribute '{{text}}' must be hyphenated." : "Attribute '{{text}}' can't be hyphenated.",
         data: {
           text
         },

tests/lib/rules/attribute-hyphenation.js

@@ -45,8 +45,8 @@ ruleTester.run('attribute-hyphenation', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><custom data-id="foo" aria-test="bar" slot-scope="{ data }" custom-hypen="foo" second-custom="bar"><a onClick="" my-prop="prop"></a></custom></template>',
-      options: ['never', { 'ignore': ['custom-hypen', 'second-custom'] }]
+      code: '<template><custom data-id="foo" aria-test="bar" slot-scope="{ data }" custom-hyphen="foo" second-custom="bar"><a onClick="" my-prop="prop"></a></custom></template>',
+      options: ['never', { 'ignore': ['custom-hyphen', 'second-custom'] }]
     }
   ],
 
@@ -57,7 +57,7 @@ ruleTester.run('attribute-hyphenation', rule, {
       output: '<template><div><custom myProp="foo"></custom></div></template>',
       options: ['never'],
       errors: [{
-        message: "Attribute 'my-prop' cann't be hyphenated.",
+        message: "Attribute 'my-prop' can't be hyphenated.",
         type: 'VIdentifier',
         line: 1
       }]
@@ -79,7 +79,7 @@ ruleTester.run('attribute-hyphenation', rule, {
       output: '<template><div><custom :myProp="prop"></custom></div></template>',
       options: ['never'],
       errors: [{
-        message: "Attribute ':my-prop' cann't be hyphenated.",
+        message: "Attribute ':my-prop' can't be hyphenated.",
         type: 'VDirectiveKey',
         line: 1
       }]
@@ -101,7 +101,7 @@ ruleTester.run('attribute-hyphenation', rule, {
       output: '<template><div><custom v-bind:myProp="prop"></custom></div></template>',
       options: ['never'],
       errors: [{
-        message: "Attribute 'v-bind:my-prop' cann't be hyphenated.",
+        message: "Attribute 'v-bind:my-prop' can't be hyphenated.",
         type: 'VDirectiveKey',
         line: 1
       }]
@@ -130,25 +130,25 @@ ruleTester.run('attribute-hyphenation', rule, {
     },
     {
       filename: 'test.vue',
-      code: '<template><custom data-id="foo" aria-test="bar" slot-scope="{ data }" custom-hypen="foo" third-custom="bar"><a onClick="" my-prop="prop"></a></custom></template>',
-      output: '<template><custom data-id="foo" aria-test="bar" slot-scope="{ data }" custom-hypen="foo" thirdCustom="bar"><a onClick="" my-prop="prop"></a></custom></template>',
-      options: ['never', { 'ignore': ['custom-hypen', 'second-custom'] }],
+      code: '<template><custom data-id="foo" aria-test="bar" slot-scope="{ data }" custom-hyphen="foo" third-custom="bar"><a onClick="" my-prop="prop"></a></custom></template>',
+      output: '<template><custom data-id="foo" aria-test="bar" slot-scope="{ data }" custom-hyphen="foo" thirdCustom="bar"><a onClick="" my-prop="prop"></a></custom></template>',
+      options: ['never', { 'ignore': ['custom-hyphen', 'second-custom'] }],
       errors: [{
-        message: "Attribute 'third-custom' cann't be hyphenated.",
+        message: "Attribute 'third-custom' can't be hyphenated.",
         type: 'VDirectiveKey',
         line: 1
       }]
     },
     {
-      // This is the same code as the `'ignore': ['custom-hypen']`
+      // This is the same code as the `'ignore': ['custom-hyphen']`
       // valid test; to verify that setting ignore actually makes the
       // difference.
       filename: 'test.vue',
-      code: '<template><custom data-id="foo" aria-test="bar" slot-scope="{ data }" custom-hypen="foo"><a onClick="" my-prop="prop"></a></custom></template>',
-      output: '<template><custom data-id="foo" aria-test="bar" slot-scope="{ data }" customHypen="foo"><a onClick="" my-prop="prop"></a></custom></template>',
+      code: '<template><custom data-id="foo" aria-test="bar" slot-scope="{ data }" custom-hyphen="foo"><a onClick="" my-prop="prop"></a></custom></template>',
+      output: '<template><custom data-id="foo" aria-test="bar" slot-scope="{ data }" customHyphen="foo"><a onClick="" my-prop="prop"></a></custom></template>',
       options: ['never'],
       errors: [{
-        message: "Attribute 'custom-hypen' cann't be hyphenated.",
+        message: "Attribute 'custom-hyphen' can't be hyphenated.",
         type: 'VIdentifier',
         line: 1
       }]