2022-11-26 02:49:56 +03:00
|
|
|
<script setup lang="ts">
|
2023-01-23 22:33:21 +03:00
|
|
|
import type { mastodon } from 'masto'
|
|
|
|
|
2022-11-26 02:49:56 +03:00
|
|
|
const params = useRoute().params
|
2022-11-30 10:08:10 +03:00
|
|
|
const handle = $(computedEager(() => params.account as string))
|
2022-11-26 02:49:56 +03:00
|
|
|
|
2022-11-30 20:15:18 +03:00
|
|
|
definePageMeta({ name: 'account-index' })
|
|
|
|
|
2022-12-14 00:01:25 +03:00
|
|
|
const { t } = useI18n()
|
|
|
|
|
2023-01-02 03:00:13 +03:00
|
|
|
const account = await fetchAccountByHandle(handle)
|
2022-11-26 02:49:56 +03:00
|
|
|
|
2023-03-30 22:01:24 +03:00
|
|
|
function reorderAndFilter(items: mastodon.v1.Status[]) {
|
|
|
|
return reorderedTimeline(items, 'account')
|
|
|
|
}
|
2023-01-23 22:33:21 +03:00
|
|
|
|
2023-01-15 11:38:02 +03:00
|
|
|
const paginator = useMastoClient().v1.accounts.listStatuses(account.id, { limit: 30, excludeReplies: true })
|
2022-11-26 20:36:23 +03:00
|
|
|
|
2022-12-14 00:01:25 +03:00
|
|
|
if (account) {
|
2023-04-16 22:33:51 +03:00
|
|
|
useHydratedHead({
|
2023-01-02 03:00:13 +03:00
|
|
|
title: () => `${t('account.posts')} | ${getDisplayName(account)} (@${account.acct})`,
|
2022-12-14 00:01:25 +03:00
|
|
|
})
|
|
|
|
}
|
2022-11-26 02:49:56 +03:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2022-12-03 08:42:00 +03:00
|
|
|
<div>
|
2022-12-14 00:01:25 +03:00
|
|
|
<AccountTabs />
|
2023-01-23 22:33:21 +03:00
|
|
|
<TimelinePaginator :paginator="paginator" :preprocess="reorderAndFilter" context="account" :account="account" />
|
2022-11-26 02:49:56 +03:00
|
|
|
</div>
|
|
|
|
</template>
|