elk/components/account/AccountHandle.vue
2022-12-02 15:27:44 +08:00

16 lines
419 B
Vue

<script setup lang="ts">
import type { Account } from 'masto'
const { account } = defineProps<{
account: Account
}>()
const serverName = $computed(() => getServerName(account))
</script>
<template>
<p ws-nowrap text-ellipsis of-hidden text-secondary-light>
<span text-secondary>{{ getShortHandle(account) }}</span>
<span v-if="serverName" text-secondary-light>@{{ serverName }}</span>
</p>
</template>