elk/components/account/AccountCard.vue

26 lines
548 B
Vue
Raw Normal View History

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