v-change-tags-order

Changes the order of <script> and <template> tags in Vue single file components.

Usage

# In your Vue.js project
# If you want to put the `script` tag before the `template` tag
npx v-change-tags-order

# If you want to put the `template` tag before the `script` tag
npx v-change-tags-order --pattern 2

Args

|args|default|description| |---|---|---| |pattern| 1 | In pattern 1, the script tag will be placed before the template tag. In pattern 2, the script tag will be placed after the template tag. | |ignore| node_modules | What you want to exclude from changes, which can be set with the glob pattern. |

Recommend

After executing the command, it is recommended to set the rules in ESLint's vue/component-tags-order.

{
  "vue/component-tags-order": ["error", {
    "order": [ "script", "template", "style" ]
  }]
}