title: Adding Bootstrap 5 tooltip to Vue 3
body: <p>main.js</p>
  <pre><code>import &quot;bootstrap/dist/css/bootstrap.min.css&quot;;
  import &quot;bootstrap/dist/js/bootstrap.min.js&quot;;
  </code></pre>
  <p>Component.vue</p>
  <pre><code>&lt;template&gt; 
                    &lt;i
                  class=&quot;fas fa-info-circle&quot;
                  data-bs-toggle=&quot;tooltip&quot;
                  data-bs-placement=&quot;top&quot;
                  title=&quot;Tooltip on top&quot;
                  ref=&quot;info&quot;
                &gt;&lt;/i&gt;
  
  
  &lt;/template&gt;
  &lt;script&gt;
  import { Tooltip } from &quot;bootstrap/dist/js/bootstrap.esm.min.js&quot;;
  
  export default {
    mounted() {
      console.log(this.$refs.info);
      new Tooltip(this.$refs.info)
    },
  }
  &lt;/script&gt;
  </code></pre>
  <p>I tried clicking on the icon but nothing is coming out. Am I doing this wrongly?</p>