1
0
Fork 1
mirror of https://github.com/elk-zone/elk.git synced 2024-11-07 17:39:59 +00:00
elk/components/account/AccountInfo.vue

27 lines
526 B
Vue
Raw Normal View History

2022-11-13 05:34:43 +00:00
<script setup lang="ts">
2022-11-14 02:20:07 +00:00
import type { Account } from 'masto'
2022-11-13 05:34:43 +00:00
2022-11-14 02:20:07 +00:00
defineProps<{
2022-11-13 05:34:43 +00:00
account: Account
}>()
</script>
<template>
<div flex gap-2>
<div p1>
2022-11-14 02:20:07 +00:00
<NuxtLink :to="`/@${account.acct}`">
2022-11-17 07:35:42 +00:00
<img :src="account.avatar" rounded w-10 h-10 bg-gray:10>
2022-11-14 02:20:07 +00:00
</NuxtLink>
2022-11-13 05:34:43 +00:00
</div>
2022-11-14 02:20:07 +00:00
<NuxtLink flex flex-col :to="`/@${account.acct}`">
2022-11-13 05:34:43 +00:00
<h4 font-bold>
2022-11-14 02:20:07 +00:00
{{ account.displayName }}
2022-11-13 05:34:43 +00:00
</h4>
2022-11-21 06:55:31 +00:00
<p op35 text-sm>
2022-11-13 05:34:43 +00:00
@{{ account.acct }}
</p>
2022-11-14 02:20:07 +00:00
</NuxtLink>
2022-11-14 02:56:48 +00:00
<slot />
2022-11-13 05:34:43 +00:00
</div>
</template>