2022-12-13 22:01:25 +01:00
|
|
|
<script setup lang="ts">
|
|
|
|
definePageMeta({ name: 'account-media' })
|
|
|
|
|
|
|
|
const { t } = useI18n()
|
|
|
|
const params = useRoute().params
|
|
|
|
const handle = $(computedEager(() => params.account as string))
|
|
|
|
|
2023-01-02 01:00:13 +01:00
|
|
|
const account = await fetchAccountByHandle(handle)
|
2022-12-13 22:01:25 +01:00
|
|
|
|
2023-01-15 09:38:02 +01:00
|
|
|
const paginator = useMastoClient().v1.accounts.listStatuses(account.id, { onlyMedia: true, excludeReplies: false })
|
2022-12-13 22:01:25 +01:00
|
|
|
|
|
|
|
if (account) {
|
2023-04-16 21:33:51 +02:00
|
|
|
useHydratedHead({
|
2023-01-02 01:00:13 +01:00
|
|
|
title: () => `${t('tab.media')} | ${getDisplayName(account)} (@${account.acct})`,
|
2022-12-13 22:01:25 +01:00
|
|
|
})
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
|
|
|
<div>
|
|
|
|
<AccountTabs />
|
2023-01-06 19:29:44 +01:00
|
|
|
<TimelinePaginator :paginator="paginator" :preprocess="reorderedTimeline" context="account" :account="account" />
|
2022-12-13 22:01:25 +01:00
|
|
|
</div>
|
|
|
|
</template>
|