18 lines
520 B
Vue
18 lines
520 B
Vue
<script setup lang="ts">
|
|
import type { Account } from 'masto'
|
|
|
|
const { account } = defineProps<{
|
|
account: Account
|
|
}>()
|
|
|
|
const serverName = $computed(() => getServerName(account))
|
|
</script>
|
|
|
|
<template>
|
|
<p line-clamp-1 whitespace-pre-wrap break-all text-secondary-light>
|
|
<!-- fix: #274 only line-clamp-1 can be used here, using text-ellipsis is not valid -->
|
|
<span text-secondary>{{ getShortHandle(account) }}</span>
|
|
<span v-if="serverName" text-secondary-light>@{{ serverName }}</span>
|
|
</p>
|
|
</template>
|