facilmap/frontend/src/lib/components/ui/help-popover.vue

20 wiersze
578 B
Vue

<script setup lang="ts">
import Icon from "./icon.vue";
import { ref } from "vue";
import Popover from "./popover.vue";
import { useI18n } from "../../utils/i18n";
const i18n = useI18n();
const helpLinkRef = ref<HTMLElement>();
const showPopover = ref(false);
</script>
<template>
<a href="javascript:" ref="helpLinkRef" @click.prevent="showPopover = !showPopover">
<Icon icon="question-sign" :alt="i18n.t('help-popover.show-alt')"></Icon>
</a>
<Popover :element="helpLinkRef" v-model:show="showPopover" hideOnOutsideClick>
<slot></slot>
</Popover>
</template>