elk/components/account/AccountCard.vue

29 lines
659 B
Vue
Raw Normal View History

<script setup lang="ts">
2023-01-08 06:21:09 +00:00
import type { mastodon } from 'masto'
const { account } = defineProps<{
2023-01-08 06:21:09 +00:00
account: mastodon.v1.Account
2022-11-28 17:24:39 +00:00
hoverCard?: boolean
relationshipContext?: 'followedBy' | 'following'
}>()
2022-11-24 07:53:27 +00:00
cacheAccount(account)
</script>
<template>
2022-11-23 14:39:48 +00:00
<div flex justify-between hover:bg-active transition-100>
2022-11-28 17:24:39 +00:00
<AccountInfo
:account="account" hover p1 as="router-link"
:hover-card="hoverCard"
2022-11-30 21:38:18 +00:00
shrink
overflow-hidden
:to="getAccountRoute(account)"
2022-11-28 17:24:39 +00:00
/>
2023-10-22 16:11:00 +00:00
<slot>
<div h-full p1 shrink-0>
<AccountFollowButton :account="account" :context="relationshipContext" />
</div>
</slot>
</div>
</template>