How to integrate bootstrap 5 in nuxtjs?

First, I tried integrating bootstrap-vue, but that supports bootstrap 4, and worse vue2.
So I'm trying to integrate bootstrap 5 without any changes by following these steps:

1. I install the bootstrap package (via npm).
2. So I'm going to edit the nuxt.config.ts file, adding the css files in the css array and the script in the plugin entry.

This is the final result:

export default defineNuxtConfig({
   plugins: [
     {
       src: "~/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js",
       mode: "clients",
     },
   ],
   css: [
     "~/node_modules/bootstrap/dist/css/bootstrap.min.css",
     "@/assets/css/global.css",
   ],
});

Now the css works fine, the problem remains with the js file.
I don't understand why, but nothing animated works, starting from dropdowns, to carousels.

I followed some older StackOverflow answers and managed (I think) to create working demo with newest Nuxt 3 and Bootstrap 5 like this:

https://stackblitz.com/edit/github-bebg1r-j6lqxm

The key things:

1. In package.json add and install dependencies for bootstrap, sass and sass-loader
2. Create .scss file in /assets folder containg @import 'bootstrap/scss/bootstrap';
3. Load this file in nuxt.config.ts via css: ['~/assets/main.scss']
4. Plugin to load JS bundle in /plugins/bootstrap.client.ts