summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components/MkReactionEffect.vue
diff options
context:
space:
mode:
Diffstat (limited to 'packages/frontend/src/components/MkReactionEffect.vue')
-rw-r--r--packages/frontend/src/components/MkReactionEffect.vue6
1 files changed, 3 insertions, 3 deletions
diff --git a/packages/frontend/src/components/MkReactionEffect.vue b/packages/frontend/src/components/MkReactionEffect.vue
index 88e262d880..75eb91e7ad 100644
--- a/packages/frontend/src/components/MkReactionEffect.vue
+++ b/packages/frontend/src/components/MkReactionEffect.vue
@@ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</template>
<script lang="ts" setup>
-import { onMounted } from 'vue';
+import { onMounted, ref } from 'vue';
import * as os from '@/os.js';
import MkReactionIcon from '@/components/MkReactionIcon.vue';
@@ -27,13 +27,13 @@ const emit = defineEmits<{
(ev: 'end'): void;
}>();
-let up = $ref(false);
+const up = ref(false);
const zIndex = os.claimZIndex('middle');
const angle = (90 - (Math.random() * 180)) + 'deg';
onMounted(() => {
window.setTimeout(() => {
- up = true;
+ up.value = true;
}, 10);
window.setTimeout(() => {