elk-zone/elk

const account = await fetchAccountByHandle(handle.value)

if (!account) {
  throw createError({ statusCode: 404, statusMessage: 'Account not found' })
}

// we need to ensure `pinned === true` on status
// because this prop is appeared only on current account's posts
function applyPinned(statuses: mastodon.v1.Status[]) {
  return statuses.map((status) => {
    status.pinned = true
    return status
  })
}

function preprocess(items: mastodon.v1.Status[]) {
  return filterAndReorderTimeline(items, 'account')
}

const pinnedPaginator = useMastoClient().v1.accounts.$select(account.id).statuses.list({ pinned: true })
const postPaginator = useMastoClient().v1.accounts.$select(account.id).statuses.list({ limit: 30, excludeReplies: true })

useHydratedHead({
  title: () => `${t('nav.profile')} | ${getDisplayName(account)} (@${account.acct})`,
})

<CommonNotFound v-else>
  {{ $t('error.account_not_found', [`@${accountName}`]) }}
  <NuxtLink to="/" text-primary hover:underline>
    {{ $t('nav.back_home') }}
  </NuxtLink>
</CommonNotFound>

<TabsExplore v-model="activeTab" :tabs="['statuses', 'tags', 'links']" />

{
  to: isHydrated.value ? `/${currentServer.value}/explore/users` : '/explore/users',
  display: t('tab.for_you'),
  disabled: !isHydrated.value || !currentUser.value,
  title: !currentUser.value ? t('tab.for_you_login_required') : undefined,
},

<CommonPaginator v-bind="{ paginator }">
  <template #default="{ item }">
    <StatusPreviewCard :card="item" border="!b base" rounded="!none" p="!4" small-picture-only root />
  </template>
  <template #empty>
    <CommonNotFound>{{ $t('common.not_found') }}</CommonNotFound>
  </template>
  <template #error="{ error, retry }">
    <CommonErrorState :error="error" @retry="retry" />
  </template>

const statusElement = unrefElement(main)
if (!statusElement)
  return

statusElement.scrollIntoView(true)
statusElement.setAttribute('tabindex', '-1')
statusElement.focus({ preventScroll: true })