Vue3- install BootstrapVue

run these commands in order:

npm install vue bootstrap bootstrap-vue popperjs

Then in your app.js

import { createApp } from 'vue'
import BootstrapVue from 'bootstrap-vue';

import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap-vue/dist/bootstrap-vue.css';

Vue.use(BootstrapVue);
const app = createApp();
app.mount('#app');

If you are using inertia with Vite then use this app.js:

import { createApp, h } from 'vue'
import { createInertiaApp } from '@inertiajs/vue3'
import BootstrapVue from 'bootstrap-vue';
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap-vue/dist/bootstrap-vue.css';

createInertiaApp({
  resolve: name => {
    const pages = import.meta.glob('./Pages/**/*.vue', { eager: true })
    return pages[`./Pages/${name}.vue`]
  },
  setup({ el, App, props, plugin }) {
    createApp({ render: () => h(App, props) })
      .use(plugin)
      .use(BootstrapVue)
	  .mount(el)
  },
})

If you are using inertia with Webpack then use this app.js:

import { createApp, h } from 'vue'
import { createInertiaApp } from '@inertiajs/vue3'
import BootstrapVue from 'bootstrap-vue';
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap-vue/dist/bootstrap-vue.css';

createInertiaApp({
  resolve: name => require(`./Pages/${name}`),
  setup({ el, App, props, plugin }) {
    createApp({ render: () => h(App, props) })
      .use(plugin)
      .use(BootstrapVue)
	  .mount(el)
  },
})