diff options
Diffstat (limited to 'packages/frontend/src/components/MkFollowButton.vue')
| -rw-r--r-- | packages/frontend/src/components/MkFollowButton.vue | 26 |
1 files changed, 13 insertions, 13 deletions
diff --git a/packages/frontend/src/components/MkFollowButton.vue b/packages/frontend/src/components/MkFollowButton.vue index eebb753db1..d1b1956a03 100644 --- a/packages/frontend/src/components/MkFollowButton.vue +++ b/packages/frontend/src/components/MkFollowButton.vue @@ -35,7 +35,7 @@ SPDX-License-Identifier: AGPL-3.0-only </template> <script lang="ts" setup> -import { onBeforeUnmount, onMounted } from 'vue'; +import { onBeforeUnmount, onMounted, ref } from 'vue'; import * as Misskey from 'misskey-js'; import * as os from '@/os.js'; import { useStream } from '@/stream.js'; @@ -57,9 +57,9 @@ const emit = defineEmits<{ (_: 'update:user', value: Misskey.entities.UserDetailed): void }>(); -let isFollowing = $ref(props.user.isFollowing); -let hasPendingFollowRequestFromYou = $ref(props.user.hasPendingFollowRequestFromYou); -let wait = $ref(false); +const isFollowing = ref(props.user.isFollowing); +const hasPendingFollowRequestFromYou = ref(props.user.hasPendingFollowRequestFromYou); +const wait = ref(false); const connection = useStream().useChannel('main'); if (props.user.isFollowing == null) { @@ -71,16 +71,16 @@ if (props.user.isFollowing == null) { function onFollowChange(user: Misskey.entities.UserDetailed) { if (user.id === props.user.id) { - isFollowing = user.isFollowing; - hasPendingFollowRequestFromYou = user.hasPendingFollowRequestFromYou; + isFollowing.value = user.isFollowing; + hasPendingFollowRequestFromYou.value = user.hasPendingFollowRequestFromYou; } } async function onClick() { - wait = true; + wait.value = true; try { - if (isFollowing) { + if (isFollowing.value) { const { canceled } = await os.confirm({ type: 'warning', text: i18n.t('unfollowConfirm', { name: props.user.name || props.user.username }), @@ -92,11 +92,11 @@ async function onClick() { userId: props.user.id, }); } else { - if (hasPendingFollowRequestFromYou) { + if (hasPendingFollowRequestFromYou.value) { await os.api('following/requests/cancel', { userId: props.user.id, }); - hasPendingFollowRequestFromYou = false; + hasPendingFollowRequestFromYou.value = false; } else { await os.api('following/create', { userId: props.user.id, @@ -104,9 +104,9 @@ async function onClick() { }); emit('update:user', { ...props.user, - withReplies: defaultStore.state.defaultWithReplies + withReplies: defaultStore.state.defaultWithReplies, }); - hasPendingFollowRequestFromYou = true; + hasPendingFollowRequestFromYou.value = true; claimAchievement('following1'); @@ -127,7 +127,7 @@ async function onClick() { } catch (err) { console.error(err); } finally { - wait = false; + wait.value = false; } } |