elk/components/account/AccountInlineInfo.vue
2022-12-06 17:37:58 +01:00

26 lines
693 B
Vue

<script setup lang="ts">
import type { Account } from 'masto'
const { link = true, avatar = true } = defineProps<{
account: Account
link?: boolean
avatar?: boolean
}>()
</script>
<template>
<AccountHoverWrapper :account="account">
<NuxtLink
:to="link ? getAccountRoute(account) : undefined"
:class="link ? 'text-link-rounded ml-0 pl-0' : ''"
min-w-0 flex gap-1 items-center
>
<AccountAvatar v-if="avatar" :account="account" w-5 h-5 />
<ContentRich
line-clamp-1 ws-pre-wrap break-all
:content="getDisplayName(account, { rich: true })"
:emojis="account.emojis"
/>
</NuxtLink>
</AccountHoverWrapper>
</template>