define-macros-order.md

pageClass	sidebarDepth	title	description
rule-details	0	vue/define-macros-order	enforce order of `defineEmits` and `defineProps` compiler macros

vue/define-macros-order

enforce order of defineEmits and defineProps compiler macros

• ❗ This rule has not been released yet.
• 🔧 The --fix option on the command line can automatically fix some of the problems reported by this rule.

📖 Rule Details

This rule reports the situation when defineProps or defineEmits not on the top or have wrong order

🔧 Options

{
  "vue/define-macros-order": ["error", {
    "order": [ "defineEmits", "defineProps" ]
  }]
}

• order (string[]) ... The order of defineEmits and defineProps macros

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

<!-- ✓ GOOD -->
<script setup>
defineEmits(/* ... */)
defineProps(/* ... */)
</script>

<!-- ✗ BAD -->
<script setup>
defineProps(/* ... */)
defineEmits(/* ... */)
</script>

<!-- ✗ BAD -->
<script setup>
const bar = ref()
defineEmits(/* ... */)
defineProps(/* ... */)
</script>

🔍 Implementation

• Rule source
• Test source