Files
veridian/app/components/Tooltip.vue
T

21 lines
456 B
Vue

<script setup lang="ts">
const props = defineProps<{
hotkey?: string[];
}>();
const { show, hide } = useTooltip();
const triggerRef = ref<HTMLElement | null>(null);
const onMouseEnter = () => {
if (triggerRef.value) {
show(triggerRef.value, props.hotkey);
}
};
</script>
<template>
<div ref="triggerRef" @mouseenter="onMouseEnter" @mouseleave="hide" :class="$attrs.class" v-bind="$attrs">
<slot />
</div>
</template>