elk/components/status/StatusAccountDetails.vue
wheat 4505080ba8
feat: add mobile navigation (#78)
Co-authored-by: 三咲智子 Kevin Deng <sxzz@sxzz.moe>
2022-11-25 16:13:35 +08:00

20 lines
515 B
Vue

<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>
<ContentRichSetup font-bold :content="getDisplayName(account)" :emojis="account.emojis" />
<p op35 text-sm>
{{ accountHandle }}
</p>
</NuxtLink>
</template>