18 lines
556 B
Vue
18 lines
556 B
Vue
<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>
|