feat: turn on perfectionist/sort-vue-attributes

Author: coderwyd

src/configs/perfectionist.ts

@@ -45,6 +45,40 @@ export function perfectionist(): TypedFlatConfigItem[] {
           'warn',
           { groupKind: 'values-first' },
         ],
+        'perfectionist/sort-vue-attributes': [
+          'error',
+          {
+            // Based on: https://vuejs.org/style-guide/rules-recommended.html#element-attribute-order
+            customGroups: {
+              CONDITIONALS: 'v-*(else-if|if|else|show|cloak)',
+              CONTENT: 'v-*(html|text)',
+              DEFINITION: '*(is|:is|v-is)',
+              // OTHER_DIRECTIVES e.g. 'v-custom-directive'
+              EVENTS: '*(v-on|@*)',
+              GLOBAL: '*(:id|id)',
+              LIST_RENDERING: 'v-for',
+              RENDER_MODIFIERS: 'v-*(pre|once)',
+              SLOT: '*(v-slot|slot)',
+              TWO_WAY_BINDING: '*(v-model|v-model:*)',
+              UNIQUE: '*(ref|key|:ref|:key)',
+
+            },
+            groups: [
+              'DEFINITION',
+              'LIST_RENDERING',
+              'CONDITIONALS',
+              'RENDER_MODIFIERS',
+              'GLOBAL',
+              'UNIQUE',
+              'SLOT',
+              'TWO_WAY_BINDING',
+              'unknown',
+              'EVENTS',
+              'CONTENT',
+            ],
+            type: 'natural',
+          },
+        ],
       },
     },
   ]