chore: format code

internal/lint-configs/eslint-config/src/configs/perfectionist.ts

@@ -81,7 +81,41 @@ export async function perfectionist(): Promise<Linter.FlatConfig[]> {
             type: 'natural',
           },
         ],
-        'perfectionist/sort-vue-attributes': 'off',
+        'perfectionist/sort-vue-attributes': [
+          'error',
+          {
+            // Based on: https://vuejs.org/style-guide/rules-recommended.html#element-attribute-order
+            'custom-groups': {
+              /* eslint-disable perfectionist/sort-objects */
+              DEFINITION: '*(is|:is|v-is)',
+              LIST_RENDERING: 'v-for',
+              CONDITIONALS: 'v-*(else-if|if|else|show|cloak)',
+              RENDER_MODIFIERS: 'v-*(pre|once)',
+              GLOBAL: '*(:id|id)',
+              UNIQUE: '*(ref|key|:ref|:key)',
+              SLOT: '*(v-slot|slot)',
+              TWO_WAY_BINDING: '*(v-model|v-model:*)',
+              // OTHER_DIRECTIVES e.g. 'v-custom-directive'
+              EVENTS: '*(v-on|@*)',
+              CONTENT: 'v-*(html|text)',
+              /* eslint-enable perfectionist/sort-objects */
+            },
+            groups: [
+              'DEFINITION',
+              'LIST_RENDERING',
+              'CONDITIONALS',
+              'RENDER_MODIFIERS',
+              'GLOBAL',
+              'UNIQUE',
+              'SLOT',
+              'TWO_WAY_BINDING',
+              'unknown',
+              'EVENTS',
+              'CONTENT',
+            ],
+            type: 'natural',
+          },
+        ],
       },
     },
   ];