<script setup lang="ts"> import type { mastodon } from 'masto' const { account } = defineProps<{ account: mastodon.v1.Account }>() const serverName = $computed(() => getServerName(account)) </script> <template> <p line-clamp-1 whitespace-pre-wrap break-all text-secondary-light leading-tight dir="ltr"> <!-- 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>