elk/components/status/StatusAccountDetails.vue

20 lines
515 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>
<NuxtLink :to="link ? getAccountPath(account) : undefined" flex flex-col md:flex-row md:gap-2 md:items-center>
2022-11-25 07:12:49 +00:00
<ContentRichSetup font-bold :content="getDisplayName(account)" :emojis="account.emojis" />
2022-11-24 14:20:50 +00:00
<p op35 text-sm>
{{ accountHandle }}
</p>
</NuxtLink>
</template>