2022-11-26 08:33:32 +00:00
|
|
|
<script setup lang="ts">
|
2023-01-08 06:21:09 +00:00
|
|
|
import type { mastodon } from 'masto'
|
2022-11-26 08:33:32 +00:00
|
|
|
|
|
|
|
const { account } = defineProps<{
|
2023-01-08 06:21:09 +00:00
|
|
|
account: mastodon.v1.Account
|
2022-11-26 08:33:32 +00:00
|
|
|
}>()
|
|
|
|
|
|
|
|
const serverName = $computed(() => getServerName(account))
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2023-01-19 16:34:33 +00:00
|
|
|
<p line-clamp-1 whitespace-pre-wrap break-all text-secondary-light leading-tight dir="ltr">
|
2022-12-03 05:22:45 +00:00
|
|
|
<!-- fix: #274 only line-clamp-1 can be used here, using text-ellipsis is not valid -->
|
2022-11-26 20:41:18 +00:00
|
|
|
<span text-secondary>{{ getShortHandle(account) }}</span>
|
|
|
|
<span v-if="serverName" text-secondary-light>@{{ serverName }}</span>
|
2022-11-26 08:33:32 +00:00
|
|
|
</p>
|
|
|
|
</template>
|