mirror of
https://github.com/elk-zone/elk.git
synced 2024-11-09 18:39:58 +00:00
32 lines
878 B
Vue
32 lines
878 B
Vue
<script setup lang="ts">
|
|
import type { mastodon } from 'masto'
|
|
|
|
const { link = true, avatar = true } = defineProps<{
|
|
account: mastodon.v1.Account
|
|
link?: boolean
|
|
avatar?: boolean
|
|
}>()
|
|
|
|
const userSettings = useUserSettings()
|
|
</script>
|
|
|
|
<script lang="ts">
|
|
export default {
|
|
inheritAttrs: false,
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<AccountHoverWrapper :account="account">
|
|
<NuxtLink
|
|
:to="link ? getAccountRoute(account) : undefined"
|
|
:class="link ? 'text-link-rounded -ml-1.5rem pl-1.5rem rtl-(ml0 pl-0.5rem -mr-1.5rem pr-1.5rem)' : ''"
|
|
v-bind="$attrs"
|
|
min-w-0 flex gap-2 items-center
|
|
>
|
|
<AccountAvatar v-if="avatar" :account="account" w-5 h-5 />
|
|
<AccountDisplayName :account="account" :hide-emojis="getPreferences(userSettings, 'hideUsernameEmojis')" line-clamp-1 ws-pre-wrap break-all />
|
|
</NuxtLink>
|
|
</AccountHoverWrapper>
|
|
</template>
|