Skip to content

Commit 721058c

Browse files
[autofix.ci] apply automated fixes
1 parent 0112186 commit 721058c

File tree

1 file changed

+24
-9
lines changed
  • packages-private/vapor-e2e-test/transition-group

1 file changed

+24
-9
lines changed

packages-private/vapor-e2e-test/transition-group/App.vue

+24-9
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ const enterClick = () => items.value.push('d', 'e')
55
const leaveClick = () => (items.value = ['b'])
66
const enterLeaveClick = () => (items.value = ['b', 'c', 'd'])
77
const appear = ref(false)
8-
window.setAppear = () => appear.value = true
8+
window.setAppear = () => (appear.value = true)
99
const moveClick = () => (items.value = ['d', 'b', 'a'])
1010
1111
const name = ref('invalid')
@@ -53,8 +53,13 @@ const eventsClick = () => (items.value = ['b', 'c', 'd'])
5353
<div class="appear">
5454
<button @click="enterClick">appear button</button>
5555
<div v-if="appear">
56-
<transition-group appear appear-from-class="test-appear-from" appear-to-class="test-appear-to"
57-
appear-active-class="test-appear-active" name="test">
56+
<transition-group
57+
appear
58+
appear-from-class="test-appear-from"
59+
appear-to-class="test-appear-to"
60+
appear-active-class="test-appear-active"
61+
name="test"
62+
>
5863
<div v-for="item in items" :key="item" class="test">{{ item }}</div>
5964
</transition-group>
6065
</div>
@@ -79,12 +84,22 @@ const eventsClick = () => (items.value = ['b', 'c', 'd'])
7984
<div class="events">
8085
<button @click="eventsClick">events button</button>
8186
<div v-if="appear">
82-
<transition-group name="test" appear appear-from-class="test-appear-from" appear-to-class="test-appear-to"
83-
appear-active-class="test-appear-active" @beforeEnter="() => calls.push('beforeEnter')"
84-
@enter="() => calls.push('onEnter')" @afterEnter="() => calls.push('afterEnter')"
85-
@beforeLeave="() => calls.push('beforeLeave')" @leave="() => calls.push('onLeave')"
86-
@afterLeave="() => calls.push('afterLeave')" @beforeAppear="() => calls.push('beforeAppear')"
87-
@appear="() => calls.push('onAppear')" @afterAppear="() => calls.push('afterAppear')">
87+
<transition-group
88+
name="test"
89+
appear
90+
appear-from-class="test-appear-from"
91+
appear-to-class="test-appear-to"
92+
appear-active-class="test-appear-active"
93+
@beforeEnter="() => calls.push('beforeEnter')"
94+
@enter="() => calls.push('onEnter')"
95+
@afterEnter="() => calls.push('afterEnter')"
96+
@beforeLeave="() => calls.push('beforeLeave')"
97+
@leave="() => calls.push('onLeave')"
98+
@afterLeave="() => calls.push('afterLeave')"
99+
@beforeAppear="() => calls.push('beforeAppear')"
100+
@appear="() => calls.push('onAppear')"
101+
@afterAppear="() => calls.push('afterAppear')"
102+
>
88103
<div v-for="item in items" :key="item" class="test">{{ item }}</div>
89104
</transition-group>
90105
</div>

0 commit comments

Comments
 (0)