kawamataryo / v-change-tags-order

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

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" ]
  }]
}