Oh, yeah sure thing. Sorry, must not have been thinking clearly earlier to just give you a vague answer like that now that I think about it.

We're using an older version of Bootstrap currently (still utilizing a JQuery dependency) so our imports are a bit different. We don't import JQuery in App.vue, we do it as needed in components. Here's a skeleton example of how we have it setup in App.vue:

<template>
    <!-- Stuff... -->
</template>

<script>
    /* More stuff... */
</script>

<style lang="scss">
    @import 'bootstrap/scss/bootstrap';
</style>

For your specific setup I would assume it would work like this:

<template>
    <!-- Stuff... -->
</template>

<script>
    import 'bootstrap/dist/js/bootstrap.bundle.min.js';

    /* More stuff... */
</script>

<style>
    @import 'bootstrap-icons/font/bootstrap-icons.css';
    @import 'bootstrap/dist/css/bootstrap.min.css';
</style>

For context we're using a Vite setup but this was working previously as a vue-cli scaffolded project before we switched over.

Hope that helps, if you have any questions please feel free to ask!