2022-11-18 18:37:22 +09:00
|
|
|
<script setup lang="ts">
|
2023-01-08 15:21:09 +09:00
|
|
|
import type { mastodon } from 'masto'
|
2022-11-18 18:37:22 +09:00
|
|
|
|
2022-12-06 20:07:17 +09:00
|
|
|
const { link = true, avatar = true } = defineProps<{
|
2023-01-08 15:21:09 +09:00
|
|
|
account: mastodon.v1.Account
|
2022-11-24 17:57:24 +09:00
|
|
|
link?: boolean
|
2022-12-06 20:07:17 +09:00
|
|
|
avatar?: boolean
|
2022-11-18 18:37:22 +09:00
|
|
|
}>()
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2022-11-27 13:30:21 +09:00
|
|
|
<AccountHoverWrapper :account="account">
|
|
|
|
<NuxtLink
|
2022-12-01 02:15:18 +09:00
|
|
|
:to="link ? getAccountRoute(account) : undefined"
|
2023-01-01 23:29:11 +09:00
|
|
|
:class="link ? 'text-link-rounded ms-0 ps-0' : ''"
|
2022-12-12 07:40:40 +09:00
|
|
|
min-w-0 flex gap-2 items-center
|
2022-11-27 13:30:21 +09:00
|
|
|
>
|
2022-12-06 20:07:17 +09:00
|
|
|
<AccountAvatar v-if="avatar" :account="account" w-5 h-5 />
|
2023-01-07 04:12:00 +09:00
|
|
|
<AccountDisplayName :account="account" line-clamp-1 ws-pre-wrap break-all />
|
2022-11-27 13:30:21 +09:00
|
|
|
</NuxtLink>
|
|
|
|
</AccountHoverWrapper>
|
2022-11-18 18:37:22 +09:00
|
|
|
</template>
|