@@ -27,85 +27,85 @@ This rule reports the `defineProps` and `defineEmits` compiler macros when they
27
27
28
28
- ` order ` (` string[] ` ) ... The order of defineEmits and defineProps macros. You can also add ` "defineOptions" ` and ` "defineSlots" ` .
29
29
30
- ### ` { "order": ["defineProps", "defineEmits"] } ` (default)
30
+ ### ` { "order": ["defineOptions", " defineProps", "defineEmits", "defineSlots "] } ` (default)
31
31
32
- <eslint-code-block fix :rules =" {'vue/define-macros-order': ['error']} " >
32
+ <eslint-code-block fix :rules =" {'vue/define-macros-order': ['error', {order: ['defineOptions', 'defineProps', 'defineEmits', 'defineSlots']} ]} " >
33
33
34
34
``` vue
35
35
<!-- ✓ GOOD -->
36
36
<script setup>
37
+ defineOptions({/* ... */})
37
38
defineProps(/* ... */)
38
39
defineEmits(/* ... */)
40
+ const slots = defineSlots()
39
41
</script>
40
42
```
41
43
42
44
</eslint-code-block >
43
45
44
- <eslint-code-block fix :rules =" {'vue/define-macros-order': ['error']} " >
46
+ <eslint-code-block fix :rules =" {'vue/define-macros-order': ['error', {order: ['defineOptions', 'defineProps', 'defineEmits', 'defineSlots']} ]} " >
45
47
46
48
``` vue
47
49
<!-- ✗ BAD -->
48
50
<script setup>
49
51
defineEmits(/* ... */)
52
+ const slots = defineSlots()
50
53
defineProps(/* ... */)
54
+ defineOptions({/* ... */})
51
55
</script>
52
56
```
53
57
54
58
</eslint-code-block >
55
59
56
- <eslint-code-block fix :rules =" {'vue/define-macros-order': ['error']} " >
60
+ <eslint-code-block fix :rules =" {'vue/define-macros-order': ['error', {order: ['defineOptions', 'defineProps', 'defineEmits', 'defineSlots']} ]} " >
57
61
58
62
``` vue
59
63
<!-- ✗ BAD -->
60
64
<script setup>
61
65
const bar = ref()
66
+ defineOptions({/* ... */})
62
67
defineProps(/* ... */)
63
68
defineEmits(/* ... */)
69
+ const slots = defineSlots()
64
70
</script>
65
71
```
66
72
67
73
</eslint-code-block >
68
74
69
- ### ` { "order": ["defineOptions", " defineProps", "defineEmits", "defineSlots" ] } ` (default)
75
+ ### ` { "order": ["defineProps", "defineEmits"] } `
70
76
71
- <eslint-code-block fix :rules =" {'vue/define-macros-order': ['error', {order: ['defineOptions', 'defineProps', 'defineEmits', 'defineSlots']} ]} " >
77
+ <eslint-code-block fix :rules =" {'vue/define-macros-order': ['error']} " >
72
78
73
79
``` vue
74
80
<!-- ✓ GOOD -->
75
81
<script setup>
76
- defineOptions({/* ... */})
77
82
defineProps(/* ... */)
78
83
defineEmits(/* ... */)
79
- const slots = defineSlots()
80
84
</script>
81
85
```
82
86
83
87
</eslint-code-block >
84
88
85
- <eslint-code-block fix :rules =" {'vue/define-macros-order': ['error', {order: ['defineOptions', 'defineProps', 'defineEmits', 'defineSlots']} ]} " >
89
+ <eslint-code-block fix :rules =" {'vue/define-macros-order': ['error']} " >
86
90
87
91
``` vue
88
92
<!-- ✗ BAD -->
89
93
<script setup>
90
94
defineEmits(/* ... */)
91
- const slots = defineSlots()
92
95
defineProps(/* ... */)
93
- defineOptions({/* ... */})
94
96
</script>
95
97
```
96
98
97
99
</eslint-code-block >
98
100
99
- <eslint-code-block fix :rules =" {'vue/define-macros-order': ['error', {order: ['defineOptions', 'defineProps', 'defineEmits', 'defineSlots']} ]} " >
101
+ <eslint-code-block fix :rules =" {'vue/define-macros-order': ['error']} " >
100
102
101
103
``` vue
102
104
<!-- ✗ BAD -->
103
105
<script setup>
104
106
const bar = ref()
105
- defineOptions({/* ... */})
106
107
defineProps(/* ... */)
107
108
defineEmits(/* ... */)
108
- const slots = defineSlots()
109
109
</script>
110
110
```
111
111
0 commit comments