nuxt3 安装bootstarap vue

要在 Nuxt.js 3 中使用 Bootstrap Vue，你可以通过以下步骤进行安装：

1. 安装 Bootstrap 和 Bootstrap Vue：

   npm install bootstrap bootstrap-vue

2. 在 `nuxt.config.js` 中添加以下代码：

   export default {
     head: {
       link: [
         { rel: 'stylesheet', href: 'https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css' }
       ],
       script: [
         { src: 'https://code.jquery.com/jquery-3.6.0.min.js' },
         { src: 'https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js' }
       ]
     },
     modules: [
       'bootstrap-vue/nuxt'
     ]
   }

这里使用了 CDN 引入了 Bootstrap 的 CSS 和 JavaScript 文件，你也可以将它们下载到本地并通过相对路径引用。

3. 在需要使用 Bootstrap Vue 的组件中添加以下代码：

   import { BButton } from 'bootstrap-vue'

   export default {
     components: {
       BButton
     }
   }

这里以 `BButton` 为例，你可以根据需要添加其他组件。

以上就是在 Nuxt.js 3 中使用 Bootstrap Vue 的基本步骤，希望能对你有所帮助。