Skip to content
On this page

vue/define-macros-order

enforce order of defineEmits and defineProps compiler macros

  • 🔧 The --fix option on the command line can automatically fix some of the problems reported by this rule.

📖 Rule Details

This rule reports the defineProps and defineEmits compiler macros when they are not the first statements in <script setup> (after any potential import statements or type definitions) or when they are not in the correct order.

🔧 Options

json
{
  "vue/define-macros-order": ["error", {
    "order": ["defineProps", "defineEmits"]
  }]
}
  • order (string[]) ... The order of defineEmits and defineProps macros. You can also add "defineOptions" and "defineSlots".

{ "order": ["defineProps", "defineEmits"] } (default)

Now loading...
Now loading...
Now loading...

{ "order": ["defineOptions", "defineProps", "defineEmits", "defineSlots"] }

Now loading...
Now loading...
Now loading...

🚀 Version

This rule was introduced in eslint-plugin-vue v8.7.0

🔍 Implementation