27 lines
507 B
Vue
27 lines
507 B
Vue
<script setup lang="ts">
|
|
import type { Account } from 'masto'
|
|
|
|
defineProps<{
|
|
account: Account
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<div flex gap-2>
|
|
<div p1>
|
|
<NuxtLink :to="`/@${account.acct}`">
|
|
<img :src="account.avatar" rounded w-10 h-10>
|
|
</NuxtLink>
|
|
</div>
|
|
<NuxtLink flex flex-col :to="`/@${account.acct}`">
|
|
<h4 font-bold>
|
|
{{ account.displayName }}
|
|
</h4>
|
|
<p op50>
|
|
@{{ account.acct }}
|
|
</p>
|
|
</NuxtLink>
|
|
<slot />
|
|
</div>
|
|
</template>
|