diff options
Diffstat (limited to 'packages/frontend/src/pages/user/followers.vue')
| -rw-r--r-- | packages/frontend/src/pages/user/followers.vue | 24 |
1 files changed, 12 insertions, 12 deletions
diff --git a/packages/frontend/src/pages/user/followers.vue b/packages/frontend/src/pages/user/followers.vue index b744f6aeec..7e893ae849 100644 --- a/packages/frontend/src/pages/user/followers.vue +++ b/packages/frontend/src/pages/user/followers.vue @@ -19,7 +19,7 @@ SPDX-License-Identifier: AGPL-3.0-only </template> <script lang="ts" setup> -import { computed, watch } from 'vue'; +import { computed, watch, ref } from 'vue'; import * as Misskey from 'misskey-js'; import XFollowList from './follow-list.vue'; import * as os from '@/os.js'; @@ -31,16 +31,16 @@ const props = withDefaults(defineProps<{ }>(), { }); -let user = $ref<null | Misskey.entities.UserDetailed>(null); -let error = $ref(null); +const user = ref<null | Misskey.entities.UserDetailed>(null); +const error = ref(null); function fetchUser(): void { if (props.acct == null) return; - user = null; + user.value = null; os.api('users/show', Misskey.acct.parse(props.acct)).then(u => { - user = u; + user.value = u; }).catch(err => { - error = err; + error.value = err; }); } @@ -48,15 +48,15 @@ watch(() => props.acct, fetchUser, { immediate: true, }); -const headerActions = $computed(() => []); +const headerActions = computed(() => []); -const headerTabs = $computed(() => []); +const headerTabs = computed(() => []); -definePageMetadata(computed(() => user ? { +definePageMetadata(computed(() => user.value ? { icon: 'ti ti-user', - title: user.name ? `${user.name} (@${user.username})` : `@${user.username}`, + title: user.value.name ? `${user.value.name} (@${user.value.username})` : `@${user.value.username}`, subtitle: i18n.ts.followers, - userName: user, - avatar: user, + userName: user.value, + avatar: user.value, } : null)); </script> |