2022-11-15 15:56:11 +00:00
|
|
|
<script setup lang="ts">
|
2024-01-09 08:56:15 +00:00
|
|
|
import type { mastodon } from 'masto'
|
2022-11-15 15:56:11 +00:00
|
|
|
|
2023-01-14 10:39:49 +00:00
|
|
|
const { paginator, account, context } = defineProps<{
|
2024-01-09 08:56:15 +00:00
|
|
|
paginator: mastodon.Paginator<mastodon.v1.Account[], mastodon.DefaultPaginationParams | undefined>
|
2023-01-14 10:39:49 +00:00
|
|
|
context?: 'following' | 'followers'
|
|
|
|
account?: mastodon.v1.Account
|
2023-01-10 07:49:49 +00:00
|
|
|
relationshipContext?: 'followedBy' | 'following'
|
2022-11-15 15:56:11 +00:00
|
|
|
}>()
|
2023-01-14 10:39:49 +00:00
|
|
|
|
2024-02-21 15:20:08 +00:00
|
|
|
const fallbackContext = computed(() => {
|
2023-01-14 10:39:49 +00:00
|
|
|
return ['following', 'followers'].includes(context!)
|
|
|
|
})
|
2024-02-21 15:20:08 +00:00
|
|
|
const showOriginSite = computed(() =>
|
2023-01-14 10:39:49 +00:00
|
|
|
account && account.id !== currentUser.value?.account.id && getServerName(account) !== currentServer.value,
|
|
|
|
)
|
2022-11-15 15:56:11 +00:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2022-11-24 05:47:14 +00:00
|
|
|
<CommonPaginator :paginator="paginator">
|
2022-11-17 07:35:42 +00:00
|
|
|
<template #default="{ item }">
|
|
|
|
<AccountCard
|
|
|
|
:account="item"
|
2023-01-10 07:49:49 +00:00
|
|
|
:relationship-context="relationshipContext"
|
2022-11-28 17:24:39 +00:00
|
|
|
hover-card
|
2022-11-24 06:18:05 +00:00
|
|
|
border="b base" py2 px4
|
2022-11-17 07:35:42 +00:00
|
|
|
/>
|
2022-11-16 16:11:08 +00:00
|
|
|
</template>
|
2023-01-14 10:39:49 +00:00
|
|
|
<template v-if="fallbackContext && showOriginSite" #done>
|
|
|
|
<div p5 text-secondary text-center flex flex-col items-center gap1>
|
|
|
|
<span italic>{{ $t(`account.view_other_${context}`) }}</span>
|
|
|
|
<NuxtLink
|
|
|
|
:href="account!.url" target="_blank" external
|
|
|
|
flex="~ gap-1" items-center text-primary
|
|
|
|
hover="underline text-primary-active"
|
|
|
|
>
|
|
|
|
<div i-ri:external-link-fill />
|
|
|
|
{{ $t('menu.open_in_original_site') }}
|
|
|
|
</NuxtLink>
|
|
|
|
</div>
|
|
|
|
</template>
|
2022-11-16 16:11:08 +00:00
|
|
|
</CommonPaginator>
|
2022-11-15 15:56:11 +00:00
|
|
|
</template>
|