Merge pull request #367 from messenjer/feature/nuxt-library-author

feat: support for library authors for nuxt3

Author: mariusa

docs/getting-started/README.md

@@ -40,7 +40,7 @@ In order to use this library you have to install these packages:
 
 ## Install
 
-### Bundlers
+### Installation - Vue.js
 
 To install this library you can use Yarn or NPM:
 
@@ -80,6 +80,51 @@ app.use(BootstrapVue3)
 app.mount('#app')
 ```
 
+### Installation - Nuxt.js 3
+
+As with the Vue.js installation.
+
+In your Nuxt3 application, install `bootstrap-vue-3`
+
+<CodeGroup>
+  <CodeGroupItem title="YARN" active>
+
+```bash
+yarn add bootstrap bootstrap-vue-3
+```
+
+  </CodeGroupItem>
+
+  <CodeGroupItem title="NPM">
+
+```bash
+npm install bootstrap bootstrap-vue-3
+```
+
+  </CodeGroupItem>
+</CodeGroup>
+
+Open your `nuxt.config.ts` or `nuxt.config.js` file and configure your application to use `bootstrap-vue-3`. The components will be imported automatically as needed.
+
+```javascript
+import {defineNuxtConfig} from 'nuxt3'
+
+export default defineNuxtConfig({
+  modules: ['bootstrap-vue-3/nuxt'],
+  css: ['bootstrap/dist/css/bootstrap.css'],
+})
+```
+
+Enjoy it in your app without import.
+
+```vue
+<template>
+  <div>
+    <BButton variant="primary">Test</BButton>
+  </div>
+</template>
+```
+
 ## Comparison with BoostrapVue
 
 As we said, we based this project in [BootstrapVue](https://bootstrap-vue.org/). We consider BootstrapVue as the best implementation of Bootstrap `v4`, so a good approach is to replicate every BootstrapVue component, as well their props, events, etc. and add the new features of Bootstrap `v5`.

nuxt.js

@@ -0,0 +1,14 @@
+import {defineNuxtModule} from '@nuxt/kit'
+import {fileURLToPath} from 'node:url'
+
+export default defineNuxtModule({
+  hooks: {
+    'components:dirs'(dirs) {
+      // Add ./components dir to the list
+      dirs.push({
+        path: fileURLToPath(new URL('./src/components', import.meta.url)),
+        extensions: ['vue'],
+      })
+    },
+  },
+})

package.json

@@ -11,11 +11,13 @@
       "import": "./dist/bootstrap-vue-3.es.js",
       "require": "./dist/bootstrap-vue-3.umd.js"
     },
-    "./dist/bootstrap-vue-3.css": "./dist/bootstrap-vue-3.css"
+    "./dist/bootstrap-vue-3.css": "./dist/bootstrap-vue-3.css",
+    "./nuxt": "./nuxt.js"
   },
   "files": [
     "dist",
-    "src"
+    "src",
+    "nuxt.js"
   ],
   "types": "./dist/BootstrapVue.d.ts",
   "workspaces": [