1
0
elk/components/account/AccountInlineInfo.vue

22 lines
590 B
Vue
Raw Normal View History

2022-11-18 18:37:22 +09:00
<script setup lang="ts">
import type { Account } from 'masto'
2022-11-24 17:57:24 +09:00
const { link = true } = defineProps<{
2022-11-18 18:37:22 +09:00
account: Account
2022-11-24 17:57:24 +09:00
link?: boolean
2022-11-18 18:37:22 +09:00
}>()
</script>
<template>
2022-11-27 13:30:21 +09:00
<AccountHoverWrapper :account="account">
<NuxtLink
:to="link ? getAccountRoute(account) : undefined"
2022-11-29 05:42:17 +09:00
:class="link ? 'text-link-rounded ml-0 pl-0' : ''"
2022-11-27 13:30:21 +09:00
min-w-0 flex gap-1 items-center
>
<AccountAvatar :account="account" w-5 h-5 />
2022-12-02 16:27:44 +09:00
<ContentRich ws-nowrap :content="getDisplayName(account, { rich: true })" :emojis="account.emojis" />
2022-11-27 13:30:21 +09:00
</NuxtLink>
</AccountHoverWrapper>
2022-11-18 18:37:22 +09:00
</template>