<template>
  <AisButton variant="secondary"
             size="md"
             font="sans"
             title="Popover Title"
             v-popover="'My directive popover content!'"
  >Popover by Directive</AisButton>
</template>

<script setup>
import AisButton from "@/components/button/AisButton.vue";
</script>

<script>
import { popoverDirective as popover } from "@/components/popover/directive";
export default {
  name: "AisPopoverDirective",
  directives: {
    popover
  }
}
</script>