title: [Vue warn]: Failed to resolve directive: b-popover
body: <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;div class=&quot;text-center my-3&quot;&gt;
        &lt;b-button
          v-b-popover.hover=&quot;'I am popover content!'&quot;
          title=&quot;Popover Title&quot;
          &gt;Hover Me&lt;/b-button
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import { VBPopover } from &quot;bootstrap-vue&quot;;
  export default{
    directives: {
      VBPopover
    },
  }
  &lt;script&gt;
  </code></pre>
  <p>So I am not sure why I am getting this warning. If I replace v-b-popover.hover with b-popover.hover this warning goes away but the functionality is not there.</p>
  <p>Basically trying to implement the popover directive from the docs: <a href="https://bootstrap-vue.org/docs/directives/popover" rel="nofollow noreferrer">https://bootstrap-vue.org/docs/directives/popover</a></p>