Import JS files from a Bootstrap template into a Vue3 project

I have a Bootstrap 5, HTML theme with a CSS budle file and different JS bundle files (main JS bundle file and a plugin bundle file) that include the Bootstrap code base + custom template features.

I want to integrate all of these in a Vue 3 project so I can use the template in all my Vue components.

For the CSS part, I have easily imported the CSS bundle file in the App component with a global scope.

But how can I import the JS files? Do I have to import it in all my components? If so, how should I do this? One solution is to link to these files from index.html in the public folder, but then it is not included in the production build, and I get some errors even in development. Is there a simple strategy to integrate these JS bundles in my SRC folder?

Thanks for any help!!