elk/components/status/StatusAccountDetails.vue

23 lines
573 B
Vue
Raw Normal View History

2022-11-24 14:20:50 +00:00
<script setup lang="ts">
import type { Account } from 'masto'
const { account, link = true } = defineProps<{
account: Account
link?: boolean
}>()
const accountHandle = $(useAccountHandle(account))
</script>
<template>
2022-11-25 10:20:01 +00:00
<NuxtLink
:to="link ? getAccountPath(account) : undefined"
2022-11-25 10:54:49 +00:00
flex="~ col" min-w-0 md:flex="~ row gap-2" md:items-center
2022-11-25 10:20:01 +00:00
>
<ContentRich font-bold break-words hover:underline :content="getDisplayName(account, { rich: true })" :emojis="account.emojis" />
2022-11-24 14:20:50 +00:00
<p op35 text-sm>
{{ accountHandle }}
</p>
</NuxtLink>
</template>