Add block-attributes-order rule

.gitignore

@@ -9,3 +9,4 @@ yarn.lock
 yarn-error.log
 docs/.vuepress/dist
 typings/eslint/lib/rules
+.DS_Store

docs/rules/README.md

@@ -197,7 +197,7 @@ For example:
 ```json
 {
   "rules": {
-    "vue/block-lang": "error"
+    "vue/block-attributes-order": "error"
   }
 }
 ```
@@ -206,6 +206,7 @@ For example:
 
 | Rule ID | Description |    |    |
 |:--------|:------------|:--:|:--:|
+| [vue/block-attributes-order](./block-attributes-order.md) | enforce order of block attributes | :wrench: | :hammer: |
 | [vue/block-lang](./block-lang.md) | disallow use other than available `lang` |  | :hammer: |
 | [vue/block-tag-newline](./block-tag-newline.md) | enforce line breaks after opening and before closing block-level tags | :wrench: | :lipstick: |
 | [vue/component-api-style](./component-api-style.md) | enforce component API style |  | :hammer: |

docs/rules/block-attributes-order.md

@@ -0,0 +1,129 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/block-attributes-order
+description: enforce order of block attributes
+since: v4.3.0
+---
+# vue/block-attributes-order
+
+> enforce order of block attributes
+
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+
+## :book: Rule Details
+
+This rule aims to enforce ordering of block attributes.
+
+### The default order
+
+```json
+[
+  {
+    "element": "style",
+    "order": [
+      "module",
+      "scoped",
+      "lang",
+      "src"
+    ]
+  },
+  {
+    "element": "script",
+    "order": [
+      "setup",
+      "lang",
+      "src"
+    ]
+  },
+  {
+    "element": "template",
+    "order": [
+      "functional",
+      "lang",
+      "src"
+    ]
+  }
+]
+```
+
+<eslint-code-block fix :rules="{'vue/block-attributes-order': ['error']}">
+
+```vue
+<template functional lang="pug" src="./template.pug"></template>
+<script setup lang="ts" src="./script.ts"></script>
+<style module scoped lang="css" src="./style.css"></style>
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/block-attributes-order': ['error']}">
+
+```vue
+<template src="./template.pug" functional lang="pug"></template>
+<script src="./script.ts" lang="ts" setup></script>
+<style src="./style.css" lang="css" scoped module></style>
+```
+
+</eslint-code-block>
+
+### Custom orders
+
+<eslint-code-block fix :rules="{'vue/block-attributes-order': [
+  'error',
+  [
+    {
+      element: 'template',
+      order: ['src', 'lang', 'functional']
+    },
+    {
+      element: 'script[setup]',
+      order: ['setup', 'src|foo', 'lang']
+    },
+    {
+      element: 'script',
+      order: ['src', 'lang', 'setup']
+    },
+    {
+      element: 'style',
+      order: [['src', 'scoped'], 'module', 'lang']
+    }
+  ]
+]}">
+
+```vue
+<template functional lang="pug" src="./template.pug"></template>
+<script src="./script.ts" lang="ts"></script>
+<script src="./script.ts" lang="ts" setup foo></script>
+<style src="./style.css" scoped module lang="css"></style>
+```
+
+</eslint-code-block>
+
+### Custom blocks
+
+<eslint-code-block fix :rules="{'vue/block-attributes-order': [
+  'error',
+  [
+    {
+      element: 'foobarbaz',
+      order: ['foo', 'bar', 'baz']
+    }
+  ]
+]}">
+
+```vue
+<foobarbaz foo bar baz></foobarbaz>
+<foobarbaz baz bar foo></foobarbaz>
+```
+
+</eslint-code-block>
+
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v4.3.0
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/block-attributes-order.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/block-attributes-order.js)

lib/index.js

@@ -12,6 +12,7 @@ module.exports = {
     'arrow-spacing': require('./rules/arrow-spacing'),
     'attribute-hyphenation': require('./rules/attribute-hyphenation'),
     'attributes-order': require('./rules/attributes-order'),
+    'block-attributes-order': require('./rules/block-attributes-order'),
     'block-lang': require('./rules/block-lang'),
     'block-spacing': require('./rules/block-spacing'),
     'block-tag-newline': require('./rules/block-tag-newline'),

lib/rules/attributes-order.js

@@ -378,10 +378,10 @@ module.exports = {
                 {
                   type: 'array',
                   items: {
-                    enum: Object.values(ATTRS),
-                    uniqueItems: true,
-                    additionalItems: false
-                  }
+                    enum: Object.values(ATTRS)
+                  },
+                  uniqueItems: true,
+                  additionalItems: false
                 }
               ]
             },