<template>
<div>
<div class="text-center my-3">
<b-button
v-b-popover.hover="'I am popover content!'"
title="Popover Title"
>Hover Me</b-button
>
</div>
</div>
</template>
<script>
import { VBPopover } from "bootstrap-vue";
export default{
directives: {
VBPopover
},
}
<script>
It's puzzling to me why this warning keeps cropping up. Switching v-b-popover.hover with b-popover.hover eliminates the warning, but the intended functionality is not achieved.
I'm attempting to incorporate the popover directive outlined in the documentation: