vue.js - How to include Bootstrap into Vuejs

Question

I am converting WordPress Theme into Vuejs but unfortunately, I am unable to run my bootstrap classes due to which my dropdown menu isn't working

import Vue from 'vue' 
import App from './App.vue' 
import router from './router' 
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue' 
import 'bootstrap/dist/css/bootstrap.css' 
import 'bootstrap-vue/dist/bootstrap-vue.css' 
//import masterMiddleware from '../src/middleware/master.js'; 

//Vue.use(masterMiddleware); 

....

Vue.use(IconsPlugin); 
Vue.use(BootstrapVue); 
require('../src/middleware/master.js'); 
Vue.config.productionTip = false; 
new Vue({ router, render: h => h(App), }).$mount('#app')

---

<li data-v-30de9f9c="" id="mega-menu-item-509" class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-align-bottom-left mega-menu-flyout mega-menu-item-509">
   <a data-v-30de9f9c="" aria-haspopup="true" aria-expanded="false" tabindex="0" class="mega-menu-link">Services<span data-v-30de9f9c="" data-has-click-event="true" class="mega-indicator"></span></a>
   <ul data-v-30de9f9c="" class="mega-sub-menu">
      <li data-v-30de9f9c="" id="mega-menu-item-235" class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-235"><a data-v-30de9f9c="" href="https://tabdeli.com/ac-repair/" class="mega-menu-link">AC Repair</a></li>
      <li data-v-30de9f9c="" id="mega-menu-item-266" class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-266"><a data-v-30de9f9c="" href="https://tabdeli.com/fumigation/" class="mega-menu-link">Fumigation</a></li>
      <li data-v-30de9f9c="" id="mega-menu-item-279" class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-279"><a data-v-30de9f9c="" href="https://tabdeli.com/electrician/" class="mega-menu-link">Electrician</a></li>
      <li data-v-30de9f9c="" id="mega-menu-item-295" class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-295"><a data-v-30de9f9c="" href="https://tabdeli.com/plumber/" class="mega-menu-link">Plumber</a></li>
      <li data-v-30de9f9c="" id="mega-menu-item-364" class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-364"><a data-v-30de9f9c="" href="https://tabdeli.com/it-services/" class="mega-menu-link">IT Services</a></li>
      <li data-v-30de9f9c="" id="mega-menu-item-774" class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-774"><a data-v-30de9f9c="" href="https://tabdeli.com/qurbani/" class="mega-menu-link">Qurbani</a></li>
   </ul>
</li>

question from:https://stackoverflow.com/questions/65844307/how-to-include-bootstrap-into-vuejs

Answer 1

Waitting for answers