title: Bootstrap modal not working on my vue app
body: <p>I am developing an application with laravel and vuejs.</p>
  <p>I have require bootstrap in my application.</p>
  <p>I tried to call the bootstrap modal but it is not working</p>
  <p>user.vue</p>
  <pre><code>&lt;div class=&quot;card-tools&quot;&gt;
      &lt;div class=&quot;btn btn-success&quot;&gt;
          &lt;router-link to=&quot;create-user&quot; class=&quot;btn btn-success&quot;&gt;Add New
              &lt;i class=&quot;fas fa-user-plus&quot;&gt;&lt;/i&gt;
              &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; data-bs-toggle=&quot;modal&quot; data-bs-target=&quot;#exampleModal&quot;&gt;
                  Launch demo modal
              &lt;/button&gt;
  
  
             &lt;div class=&quot;modal fade&quot; id=&quot;exampleModal&quot; tabindex=&quot;-1&quot; aria-labelledby=&quot;exampleModalLabel&quot; aria-hidden=&quot;true&quot;&gt;
                 &lt;div class=&quot;modal-dialog&quot;&gt;
                     &lt;div class=&quot;modal-content&quot;&gt;
                         &lt;div class=&quot;modal-header&quot;&gt;
                             &lt;h5 class=&quot;modal-title&quot; id=&quot;exampleModalLabel&quot;&gt;Modal title&lt;/h5&gt;
                             &lt;button type=&quot;button&quot; class=&quot;btn-close&quot; data-bs-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot;&gt; 
                             &lt;/button&gt;
                         &lt;/div&gt;
                         &lt;div class=&quot;modal-body&quot;&gt;
                             ...
                         &lt;/div&gt;
                         &lt;div class=&quot;modal-footer&quot;&gt;
                             &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; data-bs-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt;
                             &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot;&gt;Save changes&lt;/button&gt;
                         &lt;/div&gt;
                     &lt;/div&gt;
                 &lt;/div&gt;
             &lt;/div&gt;
  </code></pre>
  <p>resources/js/bootstrap.js</p>
  <pre><code>try {
      window.Popper = require('popper.js').default;
      window.$ = window.jQuery = require('jquery');
  
      require('bootstrap');
      require('admin-lte');
      
  } catch (e) {}
  </code></pre>