2022-11-15 15:56:11 +00:00
|
|
|
<script setup lang="ts">
|
2022-12-13 21:01:25 +00:00
|
|
|
const { t } = useI18n()
|
2022-11-15 15:56:11 +00:00
|
|
|
const params = useRoute().params
|
2024-02-21 15:20:08 +00:00
|
|
|
const handle = computedEager(() => params.account as string)
|
2022-11-22 23:08:36 +00:00
|
|
|
|
2022-11-30 17:15:18 +00:00
|
|
|
definePageMeta({ name: 'account-following' })
|
|
|
|
|
2024-02-21 15:20:08 +00:00
|
|
|
const account = await fetchAccountByHandle(handle.value)
|
2024-01-09 08:56:15 +00:00
|
|
|
const paginator = account ? useMastoClient().v1.accounts.$select(account.id).following.list() : null
|
2022-12-13 21:01:25 +00:00
|
|
|
|
2023-01-10 07:49:49 +00:00
|
|
|
const isSelf = useSelfAccount(account)
|
|
|
|
|
2022-12-13 21:01:25 +00:00
|
|
|
if (account) {
|
2023-04-16 19:33:51 +00:00
|
|
|
useHydratedHead({
|
2022-12-21 07:46:36 +00:00
|
|
|
title: () => `${t('account.following')} | ${getDisplayName(account)} (@${account.acct})`,
|
2022-12-13 21:01:25 +00:00
|
|
|
})
|
|
|
|
}
|
2022-11-15 15:56:11 +00:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2023-01-05 16:48:20 +00:00
|
|
|
<template v-if="paginator">
|
2023-01-14 10:39:49 +00:00
|
|
|
<AccountPaginator :paginator="paginator" :relationship-context="isSelf ? 'following' : undefined" context="following" :account="account" />
|
2022-11-23 17:16:10 +00:00
|
|
|
</template>
|
2022-11-15 15:56:11 +00:00
|
|
|
</template>
|