elk/components/account/AccountHoverWrapper.vue

27 lines
725 B
Vue
Raw Normal View History

2022-11-27 03:13:18 +01:00
<script setup lang="ts">
2023-01-08 07:21:09 +01:00
import type { mastodon } from 'masto'
2022-11-27 03:13:18 +01:00
2022-11-30 08:08:10 +01:00
const props = defineProps<{
2023-01-08 07:21:09 +01:00
account?: mastodon.v1.Account
2022-11-30 08:08:10 +01:00
handle?: string
2022-11-28 18:24:39 +01:00
disabled?: boolean
2022-11-27 03:13:18 +01:00
}>()
2022-11-30 08:08:10 +01:00
const account = props.account || (props.handle ? useAccountByHandle(props.handle!) : undefined)
const userSettings = useUserSettings()
2022-11-30 10:49:07 +01:00
defineOptions({
inheritAttrs: false,
})
2022-11-27 03:13:18 +01:00
</script>
<template>
<VMenu v-if="!disabled && account && !getPreferences(userSettings, 'hideAccountHoverCard')" placement="bottom-start" :delay="{ show: 500, hide: 100 }" v-bind="$attrs" :close-on-content-click="false">
2022-11-27 03:13:18 +01:00
<slot />
<template #popper>
2022-11-30 08:08:10 +01:00
<AccountHoverCard v-if="account" :account="account" />
2022-11-27 03:13:18 +01:00
</template>
</VMenu>
2022-11-28 18:24:39 +01:00
<slot v-else />
2022-11-27 03:13:18 +01:00
</template>