summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components/MkContainer.vue
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2023-05-19 13:58:09 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2023-05-19 13:58:09 +0900
commit6a5ef5b6f29eee9e36f42ac163f065880cd80e8b (patch)
tree4667e309d270252f28bd8b645e3ca85750b89b76 /packages/frontend/src/components/MkContainer.vue
parent:art: (diff)
downloadmisskey-6a5ef5b6f29eee9e36f42ac163f065880cd80e8b.tar.gz
misskey-6a5ef5b6f29eee9e36f42ac163f065880cd80e8b.tar.bz2
misskey-6a5ef5b6f29eee9e36f42ac163f065880cd80e8b.zip
refactor
Diffstat (limited to 'packages/frontend/src/components/MkContainer.vue')
-rw-r--r--packages/frontend/src/components/MkContainer.vue14
1 files changed, 7 insertions, 7 deletions
diff --git a/packages/frontend/src/components/MkContainer.vue b/packages/frontend/src/components/MkContainer.vue
index d03331a6eb..d2d0fa3e4b 100644
--- a/packages/frontend/src/components/MkContainer.vue
+++ b/packages/frontend/src/components/MkContainer.vue
@@ -6,7 +6,7 @@
<slot name="header"></slot>
</div>
<div :class="$style.headerSub">
- <slot name="func" :button-style-class="$style.headerButton"></slot>
+ <slot name="func" :buttonStyleClass="$style.headerButton"></slot>
<button v-if="foldable" :class="$style.headerButton" class="_button" @click="() => showBody = !showBody">
<template v-if="showBody"><i class="ti ti-chevron-up"></i></template>
<template v-else><i class="ti ti-chevron-down"></i></template>
@@ -14,14 +14,14 @@
</div>
</header>
<Transition
- :enter-active-class="defaultStore.state.animation ? $style.transition_toggle_enterActive : ''"
- :leave-active-class="defaultStore.state.animation ? $style.transition_toggle_leaveActive : ''"
- :enter-from-class="defaultStore.state.animation ? $style.transition_toggle_enterFrom : ''"
- :leave-to-class="defaultStore.state.animation ? $style.transition_toggle_leaveTo : ''"
+ :enterActiveClass="defaultStore.state.animation ? $style.transition_toggle_enterActive : ''"
+ :leaveActiveClass="defaultStore.state.animation ? $style.transition_toggle_leaveActive : ''"
+ :enterFromClass="defaultStore.state.animation ? $style.transition_toggle_enterFrom : ''"
+ :leaveToClass="defaultStore.state.animation ? $style.transition_toggle_leaveTo : ''"
@enter="enter"
- @after-enter="afterEnter"
+ @afterEnter="afterEnter"
@leave="leave"
- @after-leave="afterLeave"
+ @afterLeave="afterLeave"
>
<div v-show="showBody" ref="contentEl" :class="[$style.content, { [$style.omitted]: omitted }]">
<slot></slot>