2022-11-15 16:56:11 +01:00
|
|
|
<script setup lang="ts">
|
2022-12-13 22:01:25 +01:00
|
|
|
const { t } = useI18n()
|
2022-11-15 16:56:11 +01:00
|
|
|
const params = useRoute().params
|
2022-11-30 08:08:10 +01:00
|
|
|
const handle = $(computedEager(() => params.account as string))
|
2022-11-23 00:08:36 +01:00
|
|
|
|
2022-11-30 18:15:18 +01:00
|
|
|
definePageMeta({ name: 'account-followers' })
|
|
|
|
|
2022-11-30 08:08:10 +01:00
|
|
|
const account = await fetchAccountByHandle(handle)
|
2023-01-08 07:21:09 +01:00
|
|
|
const paginator = account ? useMasto().v1.accounts.listFollowers(account.id, {}) : null
|
2022-12-13 22:01:25 +01:00
|
|
|
|
2023-01-10 08:49:49 +01:00
|
|
|
const isSelf = useSelfAccount(account)
|
|
|
|
|
2022-12-13 22:01:25 +01:00
|
|
|
if (account) {
|
|
|
|
useHeadFixed({
|
|
|
|
title: () => `${t('account.followers')} | ${getDisplayName(account)} (@${account})`,
|
|
|
|
})
|
|
|
|
}
|
2022-11-15 16:56:11 +01:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2023-01-05 17:48:20 +01:00
|
|
|
<template v-if="paginator">
|
2023-01-10 08:49:49 +01:00
|
|
|
<AccountPaginator :paginator="paginator" :relationship-context="isSelf ? 'followedBy' : undefined" />
|
2022-11-23 18:16:10 +01:00
|
|
|
</template>
|
2022-11-15 16:56:11 +01:00
|
|
|
</template>
|