diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-04-01 13:42:40 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-04-01 13:42:40 +0900 |
| commit | c823cbe63b30d622d240adb92b696d0f507d084d (patch) | |
| tree | 1d2dadb135abd92e02b04281fd6224b4b1376054 /packages/frontend/src/components/MkReactionsViewer.vue | |
| parent | Merge branch 'develop' of https://github.com/misskey-dev/misskey into develop (diff) | |
| download | misskey-c823cbe63b30d622d240adb92b696d0f507d084d.tar.gz misskey-c823cbe63b30d622d240adb92b696d0f507d084d.tar.bz2 misskey-c823cbe63b30d622d240adb92b696d0f507d084d.zip | |
refactor(frontend): remove $store
Diffstat (limited to 'packages/frontend/src/components/MkReactionsViewer.vue')
| -rw-r--r-- | packages/frontend/src/components/MkReactionsViewer.vue | 21 |
1 files changed, 11 insertions, 10 deletions
diff --git a/packages/frontend/src/components/MkReactionsViewer.vue b/packages/frontend/src/components/MkReactionsViewer.vue index 76faffe926..3219c8a92c 100644 --- a/packages/frontend/src/components/MkReactionsViewer.vue +++ b/packages/frontend/src/components/MkReactionsViewer.vue @@ -1,27 +1,28 @@ <template> <TransitionGroup - :enter-active-class="$store.state.animation ? $style.transition_x_enterActive : ''" - :leave-active-class="$store.state.animation ? $style.transition_x_leaveActive : ''" - :enter-from-class="$store.state.animation ? $style.transition_x_enterFrom : ''" - :leave-to-class="$store.state.animation ? $style.transition_x_leaveTo : ''" - :move-class="$store.state.animation ? $style.transition_x_move : ''" + :enter-active-class="defaultStore.state.animation ? $style.transition_x_enterActive : ''" + :leave-active-class="defaultStore.state.animation ? $style.transition_x_leaveActive : ''" + :enter-from-class="defaultStore.state.animation ? $style.transition_x_enterFrom : ''" + :leave-to-class="defaultStore.state.animation ? $style.transition_x_leaveTo : ''" + :move-class="defaultStore.state.animation ? $style.transition_x_move : ''" tag="div" :class="$style.root" > <XReaction v-for="[reaction, count] in reactions" :key="reaction" :reaction="reaction" :count="count" :is-initial="initialReactions.has(reaction)" :note="note"/> - <slot v-if="hasMoreReactions" name="more" /> + <slot v-if="hasMoreReactions" name="more"/> </TransitionGroup> </template> <script lang="ts" setup> import * as misskey from 'misskey-js'; -import XReaction from '@/components/MkReactionsViewer.reaction.vue'; import { watch } from 'vue'; +import XReaction from '@/components/MkReactionsViewer.reaction.vue'; +import { defaultStore } from '@/store'; const props = withDefaults(defineProps<{ - note: misskey.entities.Note; - maxNumber?: number; + note: misskey.entities.Note; + maxNumber?: number; }>(), { - maxNumber: Infinity, + maxNumber: Infinity, }); const initialReactions = new Set(Object.keys(props.note.reactions)); |