elk/components/account/AccountInfo.vue
2022-11-21 18:16:04 +08:00

26 lines
597 B
Vue

<script setup lang="ts">
import type { Account } from 'masto'
const { link = true } = defineProps<{
account: Account
link?: boolean
}>()
</script>
<template>
<div flex gap-2>
<div p1>
<NuxtLink :to="link ? `/@${account.acct}` : null">
<img :src="account.avatar" rounded w-10 h-10 bg-gray:10>
</NuxtLink>
</div>
<NuxtLink flex flex-col :to="link ? `/@${account.acct}` : null">
<CommonRichContent font-bold :content="account.displayName" />
<p op35 text-sm>
@{{ account.acct }}
</p>
</NuxtLink>
<slot />
</div>
</template>