Как выбрать модули bootstrap-vue.js в nuxt.js?

Question

Я не могу понять, как выбрать модули bootstrap-vue.js в nuxt.js

Приведенный ниже код в nuxt.config.js извлекает всю библиотеку (исключая css), но, как упоминалось выше, как включить необходимые модули.

modules: [
  ['bootstrap-vue/nuxt', { css: false }]
]

Я имею в виду документы здесь:

• https://bootstrap -vue.js.org / docs / проверьте, пожалуйста, Individual components and directives раздел.
• https://nuxtjs.org/guide/modules/#provide-plugins

Вещи, описанные в вышеупомянутых документах, проходят над моей головой :) Пожалуйста, помогите, спасибо.

Answer 1

Вам не нужен модуль bootstrap-vue / nuxt, если вы хотите выбрать модули. Вам нужно просто импортировать и использовать компоненты, как описано в разделе «Отдельные компоненты и директивы». ' раздел. Или создайте файл плагина, где вы зарегистрируете их глобально.

 plugins: [
    '@/plugins/mybs',
  ],

А внутри плагин

import Vue from 'vue'

import bModal from 'bootstrap-vue/es/components/modal/modal'
import bModalDirective from 'bootstrap-vue/es/directives/modal/modal'

Vue.component('b-modal', bModal);
Vue.directive('b-modal', bModalDirective);