eslint-plugin-vue

Appearance

vue/component-tags-order

enforce order of component top-level elements

  • ⛔ This rule was removed in eslint-plugin-vue v10.0.0 and replaced by vue/block-order rule.

📖 Rule Details

This rule warns about the order of the top-level tags, such as <script>, <template> & <style>.

🔧 Options

  • order ((string|string[])[]) ... The order of top-level element names. default [ [ "script", "template" ], "style" ]. May also be CSS selectors, such as script[setup] and i18n:not([locale=en]).

{ "order": [ [ "script", "template" ], "style" ] } (default)

{ "order": ["template", "script", "style"] }

{ "order": ["docs", "template", "script", "style"] }

{ 'order': ['template', 'script:not([setup])', 'script[setup]'] }

{ 'order': ['template', 'style:not([scoped])', 'style[scoped]'] }

{ 'order': ['template', 'i18n:not([locale=en])', 'i18n[locale=en]'] }

📚 Further Reading

🚀 Version

This rule was introduced in eslint-plugin-vue v6.1.0

🔍 Implementation