🌐 AI搜索 & 代理 主页
Skip to content

Commit 962744b

Browse files
authored
Update README.md
1 parent 3096309 commit 962744b

File tree

1 file changed

+37
-4
lines changed

1 file changed

+37
-4
lines changed

docs/markdown/intro/README.md

Lines changed: 37 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -421,6 +421,9 @@ module.exports = {
421421
}
422422
```
423423

424+
Note that this will **not** install the Icons components. To see how to include icons via the
425+
Nuxt.js module, refer to the [Icons section](#icons) below.
426+
424427
### Using custom Bootstrap SCSS
425428

426429
If you are using custom Bootstrap SCSS, you can disable automatic inclusion of Bootstrap and
@@ -536,10 +539,40 @@ Note that when importing individual components, any component aliases will **not
536539
</p>
537540
</div>
538541

539-
Do not use the Nuxt module If you want to import individual BootstrapVue components into _specific_
540-
pages and/or components of your Nuxt app. Instead follow the
541-
[module bundlers](#using-module-bundlers) section above as well as the
542-
[Tree shaking with module bundlers](#tree-shaking-with-module-bundlers) section above.
542+
If you want to import individual BootstrapVue components into _specific_ pages and/or components of
543+
your Nuxt app, you may want to bypass the Nuxt.js module and, instead, follow the
544+
[module bundlers](#using-module-bundlers) and
545+
[Tree shaking with module bundlers](#tree-shaking-with-module-bundlers) sections above.
546+
Alternatively you may want to to just import a few plugins (such as `LayoutPlugin`) in your Nuxt.js
547+
module config, and then import additional components or plugins in the pages where needed.
548+
549+
### Icons
550+
551+
The icons plugin is **not** automatically installed when using the Nuxt.js module. You must
552+
either explicity enable the IconsPlugin, or specify which icon components you wish to import.
553+
554+
All Icons:
555+
556+
```js
557+
module.exports = {
558+
modules: ['bootstrap-vue/nuxt'],
559+
bootstrapVue: {
560+
icons: true // Install the IconsPlugin (in addition to BootStrapVue plugin
561+
}
562+
}
563+
```
564+
565+
Specific icons:
566+
567+
```js
568+
module.exports = {
569+
modules: ['bootstrap-vue/nuxt'],
570+
bootstrapVue: {
571+
// Add the desired icon components to the `components` array
572+
components: ['BIcon', 'BIconAlertFill', 'BIconCalendar', 'BIconGears']
573+
}
574+
}
575+
```
543576

544577
### Passing custom BootstrapVue config with Nuxt.js
545578

0 commit comments

Comments
��(0)