@@ -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
426429If 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