frontend/app/components/ui/hover-card/HoverCard.vue

<script setup lang="ts">
import {
    HoverCardRoot,
    type HoverCardRootEmits,
    type HoverCardRootProps,
    useForwardPropsEmits,
} from "reka-ui";

const props = defineProps<HoverCardRootProps>();
const emits = defineEmits<HoverCardRootEmits>();

const forwarded = useForwardPropsEmits(props, emits);
</script>

<template>
    <HoverCardRoot data-slot="hover-card" v-bind="forwarded">
        <slot />
    </HoverCardRoot>
</template>