Fix: Including custom directives

Author: ydfzgyj

docs/rules/attributes-order.md

@@ -20,7 +20,7 @@ ex: 'ref', 'key', 'slot'
 - TWO\_WAY\_BINDING
 ex: 'v-model'
 - OTHER_ATTR
-ex: 'customProp="foo"'
+ex: 'custom-prop="foo"', 'v-bind:prop="foo"', ':prop="foo"', 'v-custom-directive'
 - EVENTS
 ex: '@click="functionCall"', 'v-on="event"'
 - CONTENT
@@ -37,7 +37,7 @@ ex: 'v-text', 'v-html'
   id="uniqueID"
   ref="header"
   v-model="headerData"
-  myProp="prop"
+  my-prop="prop"
   @click="functionCall"
   v-text="textContent">
 </div>
@@ -47,19 +47,19 @@ ex: 'v-text', 'v-html'
 <div
   v-for="item in items"
   v-if="!visible"
-  propOne="prop"
-  :propTwo="prop"
-  propThree="prop"
+  prop-one="prop"
+  :prop-two="prop"
+  prop-three="prop"
   @click="functionCall"
   v-text="textContent">
 </div>
 ```
 
 ```html
 <div
-  propOne="prop"
-  :propTwo="prop"
-  propThree="prop">
+  prop-one="prop"
+  :prop-two="prop"
+  prop-three="prop">
 </div>
 ```
 
@@ -69,9 +69,10 @@ ex: 'v-text', 'v-html'
 <div
   ref="header"
   v-for="item in items"
-  v-once id="uniqueID"
+  v-once
+  id="uniqueID"
   v-model="headerData"
-  myProp="prop"
+  my-prop="prop"
   v-if="!visible"
   is="header"
   @click="functionCall"
@@ -88,8 +89,8 @@ Specify custom order of attribute groups
 ```html
 <!-- 'vue/attribute-order': [2, { order: ['LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'TWO_WAY_BINDING', 'OTHER_ATTR', 'EVENTS', 'CONTENT', 'DEFINITION'] }] -->
 <div
-  propOne="prop"
-  propTwo="prop"
+  prop-one="prop"
+  prop-two="prop"
   is="header">
 </div>
 ```
@@ -99,8 +100,8 @@ Specify custom order of attribute groups
 <div
   ref="header"
   is="header"
-  propOne="prop"
-  propTwo="prop">
+  prop-one="prop"
+  prop-two="prop">
 </div>
 ```
 
@@ -110,7 +111,7 @@ Specify custom order of attribute groups
 <!-- 'vue/attribute-order': [2, { order: ['LIST_RENDERING', 'CONDITIONALS', 'RENDER_MODIFIERS', 'GLOBAL', 'UNIQUE', 'TWO_WAY_BINDING', 'DEFINITION', 'OTHER_ATTR', 'EVENTS', 'CONTENT'] }] -->
 <div
   ref="header"
-  propOne="prop"
+  prop-one="prop"
   is="header">
 </div>
 ```

lib/rules/attributes-order.js

@@ -23,6 +23,8 @@ function getAttributeType (name, isDirective) {
       return 'EVENTS'
     } else if (name === 'html' || name === 'text') {
       return 'CONTENT'
+    } else {
+      return 'OTHER_ATTR'
     }
   } else {
     if (name === 'is') {

tests/lib/rules/attributes-order.js

@@ -82,6 +82,10 @@ tester.run('attributes-order', rule, {
       filename: 'test.vue',
       code: '<template><div v-model="toggle"></div></template>'
     },
+    {
+      filename: 'test.vue',
+      code: '<template><div v-custom-directive></div></template>'
+    },
     {
       filename: 'test.vue',
       code: