Wie verwende ich die Bootstrap-Navigationsleiste in vue.js?

Question

Im Allgemeinen funktioniert HTML laut Dokumentation gut, aber in meinem Vue-Projekt funktioniert es nicht richtig. Liegt es daran, dass ich popper.js nicht importiert habe? Ich glaube nicht, dass ich nach HTML exportiere, und ich bin nicht sicher, wo ich es importieren soll. Genauer gesagt funktioniert die normale Navigationsleiste, das externe Inhaltsmenü, das auf kleinen Bildschirmen (mobilen Geräten) funktioniert, jedoch nicht. Hilf mir main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './routes/index.js'

createApp(App)
//plugin
.use(router)
.mount('#app')

Screenshot der Verzeichnisstruktur

Screenshot meiner Webanwendung