@gitlab/ui 84.2.0 → 85.0.0

package/src/components/base/form/form_input/form_input.vue

@@ -1,6 +1,6 @@
 <script>
 import isObject from 'lodash/isObject';
-import { BFormInput } from 'bootstrap-vue';
+import { BFormInput } from '../../../../vendor/bootstrap-vue/src/components/form-input/form-input';
 
 import { formInputWidths } from '../../../../utils/constants';
 

package/src/components/base/form/form_input_group/form_input_group.vue

@@ -1,5 +1,8 @@
 <script>
-import { BInputGroup, BInputGroupPrepend, BInputGroupAppend, BFormInput } from 'bootstrap-vue';
+import { BInputGroup } from '../../../../vendor/bootstrap-vue/src/components/input-group/input-group';
+import { BInputGroupPrepend } from '../../../../vendor/bootstrap-vue/src/components/input-group/input-group-prepend';
+import { BInputGroupAppend } from '../../../../vendor/bootstrap-vue/src/components/input-group/input-group-append';
+import { BFormInput } from '../../../../vendor/bootstrap-vue/src/components/form-input/form-input';
 import GlDropdown from '../../dropdown/dropdown.vue';
 import GlDropdownItem from '../../dropdown/dropdown_item.vue';
 import { InputGroupMixin } from './form_input_group_mixin';

package/src/components/base/form/form_radio/form_radio.vue

@@ -1,5 +1,5 @@
 <script>
-import { BFormRadio } from 'bootstrap-vue';
+import { BFormRadio } from '../../../../vendor/bootstrap-vue/src/components/form-radio/form-radio';
 
 const { model } = BFormRadio.options;
 

package/src/components/base/form/form_radio_group/form_radio_group.vue

@@ -1,6 +1,6 @@
 <script>
-import { BFormRadioGroup } from 'bootstrap-vue';
-import { formOptionsMixin } from 'bootstrap-vue/src/mixins/form-options';
+import { formOptionsMixin } from '../../../../vendor/bootstrap-vue/src/mixins/form-options';
+import { BFormRadioGroup } from '../../../../vendor/bootstrap-vue/src/components/form-radio/form-radio-group';
 import { SafeHtmlDirective as SafeHtml } from '../../../../directives/safe_html/safe_html';
 import GlFormRadio from '../form_radio/form_radio.vue';
 

package/src/components/base/form/form_select/form_select.vue

@@ -1,6 +1,6 @@
 <script>
-import { BFormSelect } from 'bootstrap-vue';
 import isObject from 'lodash/isObject';
+import { BFormSelect } from '../../../../vendor/bootstrap-vue/src/components/form-select/form-select';
 import { formInputWidths } from '../../../../utils/constants';
 
 export default {

package/src/components/base/form/form_text/form_text.vue

@@ -1,5 +1,5 @@
 <script>
-import { BFormText } from 'bootstrap-vue';
+import { BFormText } from '../../../../vendor/bootstrap-vue/src/components/form/form-text';
 
 export default {
   ...BFormText.options,

package/src/components/base/form/form_textarea/form_textarea.vue

@@ -1,6 +1,6 @@
 <script>
-import { BFormTextarea } from 'bootstrap-vue';
 import uniqueId from 'lodash/uniqueId';
+import { BFormTextarea } from '../../../../vendor/bootstrap-vue/src/components/form-textarea/form-textarea';
 import GlFormCharacterCount from '../form_character_count/form_character_count.vue';
 
 const model = {
@@ -115,7 +115,7 @@ export default {
       :count-text-id="characterCountTextId"
     >
       <template #over-limit-text="{ count }">
-        <!-- 
+        <!--
         @slot Internationalized over character count text. Example: `<template #character-count-over-limit-text="{ count }">{{ n__('%d character over limit', '%d characters over limit', count) }}</template>`
         @binding {number} count
         -->
@@ -123,7 +123,7 @@ export default {
       </template>
 
       <template #remaining-count-text="{ count }">
-        <!-- 
+        <!--
         @slot Internationalized character count text. Example: `<template #remaining-character-count-text="{ count }">{{ n__('%d character remaining', '%d characters remaining', count) }}</template>`
         @binding {number} count
         -->

package/src/components/base/form/input_group_text/input_group_text.vue

@@ -1,5 +1,5 @@
 <script>
-import { BInputGroupText } from 'bootstrap-vue';
+import { BInputGroupText } from '../../../../vendor/bootstrap-vue/src/components/input-group/input-group-text';
 
 export default {
   name: 'GlInputGroupText',

package/src/components/base/link/link.vue

@@ -1,6 +1,6 @@
 <!-- eslint-disable vue/multi-word-component-names -->
 <script>
-import { BLink } from 'bootstrap-vue';
+import { BLink } from '../../../vendor/bootstrap-vue/src/components/link/link';
 import { SafeLinkMixin } from '../../mixins/safe_link_mixin';
 
 export default {

package/src/components/base/modal/modal.vue

@@ -1,6 +1,6 @@
 <!-- eslint-disable vue/multi-word-component-names -->
 <script>
-import { BModal } from 'bootstrap-vue';
+import { BModal } from '../../../vendor/bootstrap-vue/src/components/modal/modal';
 import {
   COMMA,
   focusableTags,

package/src/components/base/nav/nav.vue

@@ -1,5 +1,5 @@
 <script>
-import { BNav } from 'bootstrap-vue';
+import { BNav } from '../../../vendor/bootstrap-vue/src/components/nav/nav';
 
 export default {
   name: 'GlNav',

package/src/components/base/nav/nav_item.vue

@@ -1,5 +1,5 @@
 <script>
-import { BNavItem } from 'bootstrap-vue';
+import { BNavItem } from '../../../vendor/bootstrap-vue/src/components/nav/nav-item';
 
 export default {
   name: 'GlNavItem',

package/src/components/base/nav/nav_item_dropdown.vue

@@ -1,5 +1,5 @@
 <script>
-import { BNavItemDropdown } from 'bootstrap-vue';
+import { BNavItemDropdown } from '../../../vendor/bootstrap-vue/src/components/nav/nav-item-dropdown';
 import GlIcon from '../icon/icon.vue';
 
 export default {

package/src/components/base/navbar/navbar.vue

@@ -1,5 +1,5 @@
 <script>
-import { BNavbar } from 'bootstrap-vue';
+import { BNavbar } from '../../../vendor/bootstrap-vue/src/components/navbar/navbar';
 
 export default {
   name: 'GlNavbar',

package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown_item.vue

@@ -1,5 +1,5 @@
 <script>
-import { BLink } from 'bootstrap-vue';
+import { BLink } from '../../../../vendor/bootstrap-vue/src/components/link/link';
 import { ENTER, SPACE } from '../constants';
 import { stopEvent } from '../../../../utils/utils';
 import { isItem } from './utils';

package/src/components/base/popover/popover.vue

@@ -1,6 +1,6 @@
 <!-- eslint-disable vue/multi-word-component-names -->
 <script>
-import { BPopover } from 'bootstrap-vue';
+import { BPopover } from '../../../vendor/bootstrap-vue/src/components/popover/popover';
 import tooltipMixin from '../../mixins/tooltip_mixin';
 import CloseButton from '../../shared_components/close_button/close_button.vue';
 import { popoverPlacements } from '../../../utils/constants';

package/src/components/base/progress_bar/progress_bar.vue

@@ -1,5 +1,5 @@
 <script>
-import { BProgress } from 'bootstrap-vue';
+import { BProgress } from '../../../vendor/bootstrap-vue/src/components/progress/progress';
 
 export default {
   name: 'GlProgressBar',

package/src/components/base/segmented_control/segmented_control.vue

@@ -1,5 +1,5 @@
 <script>
-import { BFormRadioGroup } from 'bootstrap-vue';
+import { BFormRadioGroup } from '../../../vendor/bootstrap-vue/src/components/form-radio/form-radio-group';
 
 const genericErrorMessage = 'Segmented button should always have valid option selected';
 

package/src/components/base/table/table.vue

@@ -1,6 +1,6 @@
 <!-- eslint-disable vue/multi-word-component-names -->
 <script>
-import { BTable } from 'bootstrap-vue';
+import { BTable } from '../../../vendor/bootstrap-vue/src/components/table/table';
 import { logWarning, isDev } from '../../../utils/utils';
 import { tableFullSlots, tableFullProps, glTableLiteWarning } from './constants';
 

package/src/components/base/table_lite/table_lite.vue

@@ -1,5 +1,5 @@
 <script>
-import { BTableLite } from 'bootstrap-vue';
+import { BTableLite } from '../../../vendor/bootstrap-vue/src/components/table/table-lite';
 
 const { tableClass } = BTableLite.options.props;
 

package/src/components/base/tabs/tab/tab.vue

@@ -1,7 +1,7 @@
 <!-- eslint-disable vue/multi-word-component-names -->
 <script>
-import { BTab } from 'bootstrap-vue';
 import isPlainObject from 'lodash/isPlainObject';
+import { BTab } from '../../../../vendor/bootstrap-vue/src/components/tabs/tab';
 
 import { DEFAULT_TAB_TITLE_LINK_CLASS } from '../constants';
 

package/src/components/base/tabs/tabs/tabs.vue

@@ -1,6 +1,6 @@
 <!-- eslint-disable vue/multi-word-component-names -->
 <script>
-import { BTabs } from 'bootstrap-vue';
+import { BTabs } from '../../../../vendor/bootstrap-vue/src/components/tabs/tabs';
 import { tabsButtonDefaults } from '../../../../utils/constants';
 import GlButton from '../../button/button.vue';
 

package/src/components/base/toast/toast.js

@@ -1,6 +1,7 @@
 /* eslint-disable import/no-default-export */
-import { ToastPlugin } from 'bootstrap-vue';
 import isFunction from 'lodash/isFunction';
+// eslint-disable-next-line no-restricted-imports
+import { ToastPlugin } from '../../../vendor/bootstrap-vue/src/components/toast/index';
 import CloseButton from '../../shared_components/close_button/close_button.vue';
 
 const DEFAULT_OPTIONS = {

package/src/components/base/tooltip/tooltip.vue

@@ -1,6 +1,6 @@
 <!-- eslint-disable vue/multi-word-component-names -->
 <script>
-import { BTooltip } from 'bootstrap-vue';
+import { BTooltip } from '../../../vendor/bootstrap-vue/src/components/tooltip/tooltip';
 import { tooltipDelay } from '../../../utils/constants';
 import tooltipMixin from '../../mixins/tooltip_mixin';
 

package/src/components/experimental/duo/chat/duo_chat.vue

@@ -16,7 +16,7 @@ import { SafeHtmlDirective as SafeHtml } from '../../../../directives/safe_html/
 import GlDuoChatLoader from './components/duo_chat_loader/duo_chat_loader.vue';
 import GlDuoChatPredefinedPrompts from './components/duo_chat_predefined_prompts/duo_chat_predefined_prompts.vue';
 import GlDuoChatConversation from './components/duo_chat_conversation/duo_chat_conversation.vue';
-import { CHAT_RESET_MESSAGE } from './constants';
+import { CHAT_CLEAN_MESSAGE, CHAT_RESET_MESSAGE } from './constants';
 
 export const i18n = {
   CHAT_DEFAULT_TITLE: 'GitLab Duo Chat',
@@ -304,8 +304,12 @@ export default {
          *
          * @param {String} prompt The user prompt to send.
          */
+
+        if (![CHAT_RESET_MESSAGE, CHAT_CLEAN_MESSAGE].includes(this.prompt)) {
+          this.displaySubmitButton = false;
+        }
         this.$emit('send-chat-prompt', this.prompt.trim());
-        this.displaySubmitButton = false;
+
         this.setPromptAndFocus();
       }
     },

package/src/config.js

@@ -1,6 +1,6 @@
-import { BVConfigPlugin } from 'bootstrap-vue';
 import Vue from 'vue';
 import translationKeys from '../translations';
+import { BVConfigPlugin } from './vendor/bootstrap-vue/src/bv-config';
 import { tooltipDelay } from './utils/constants';
 
 const bFormTextGlobalConfig = {

package/src/directives/collapse_toggle.js

@@ -1 +1 @@
-export { VBToggle as GlCollapseToggleDirective } from 'bootstrap-vue';
+export { VBToggle as GlCollapseToggleDirective } from '../vendor/bootstrap-vue/src/directives/toggle/toggle';

package/src/directives/modal.js

@@ -1 +1 @@
-export { VBModal as GlModalDirective } from 'bootstrap-vue';
+export { VBModal as GlModalDirective } from '../vendor/bootstrap-vue/src/directives/modal/modal';

package/src/directives/tooltip.js

@@ -1 +1 @@
-export { VBTooltip as GlTooltipDirective } from 'bootstrap-vue';
+export { VBTooltip as GlTooltipDirective } from '../vendor/bootstrap-vue/src/directives/tooltip/tooltip';

package/src/scss/bootstrap_vue.scss

@@ -2,42 +2,42 @@
 
 // imports from https://github.com/bootstrap-vue/bootstrap-vue/blob/dev/src/index.scss
 
-@import 'bootstrap-vue/src/variables.scss';
+@import '../vendor/bootstrap-vue/src/variables.scss';
 // Disabe Tooltip and Popover colored variants which we do not use / support.
 $bv-enable-tooltip-variants: false;
 $bv-enable-popover-variants: false;
 
-@import 'bootstrap-vue/src/utilities.scss';
+@import '../vendor/bootstrap-vue/src/utilities.scss';
 
 // Used by BFormSpinbutton, BFormDatepicker, BFormTimepicker, BTime, BCalendar
-@import 'bootstrap-vue/src/custom-controls.scss';
+@import '../vendor/bootstrap-vue/src/custom-controls.scss';
 
 // Comment out components we are not importing in gitlab-ui
 // Still listed for easy comparison
-// @import 'bootstrap-vue/src/components/avatar/index.scss';
-// @import 'bootstrap-vue/src/components/calendar/index.scss';
-@import 'bootstrap-vue/src/components/card/index.scss';
-@import 'bootstrap-vue/src/components/dropdown/index.scss';
-@import 'bootstrap-vue/src/components/form-checkbox/index.scss';
-// @import 'bootstrap-vue/src/components/form-file/index.scss';
-@import 'bootstrap-vue/src/components/form-input/index.scss';
-@import 'bootstrap-vue/src/components/form-radio/index.scss';
-// @import 'bootstrap-vue/src/components/form-rating/index.scss';
-// @import 'bootstrap-vue/src/components/form-spinbutton/index.scss';
-@import 'bootstrap-vue/src/components/form-tags/index.scss';
-@import 'bootstrap-vue/src/components/input-group/index.scss';
-// @import 'bootstrap-vue/src/components/media/index.scss';
-@import 'bootstrap-vue/src/components/modal/index.scss';
-@import 'bootstrap-vue/src/components/nav/index.scss';
-@import 'bootstrap-vue/src/components/navbar/index.scss';
-// @import 'bootstrap-vue/src/components/pagination/index.scss';
-// @import 'bootstrap-vue/src/components/pagination-nav/index.scss';
-@import 'bootstrap-vue/src/components/popover/index.scss';
-// @import 'bootstrap-vue/src/components/skeleton/index.scss';
-// @import 'bootstrap-vue/src/components/sidebar/index.scss';
-@import 'bootstrap-vue/src/components/table/index.scss';
-// @import 'bootstrap-vue/src/components/time/index.scss';
-@import 'bootstrap-vue/src/components/toast/index.scss';
-@import 'bootstrap-vue/src/components/tooltip/index.scss';
+// @import '../vendor/bootstrap-vue/src/components/avatar/index.scss';
+// @import '../vendor/bootstrap-vue/src/components/calendar/index.scss';
+@import '../vendor/bootstrap-vue/src/components/card/index.scss';
+@import '../vendor/bootstrap-vue/src/components/dropdown/index.scss';
+@import '../vendor/bootstrap-vue/src/components/form-checkbox/index.scss';
+// @import '../vendor/bootstrap-vue/src/components/form-file/index.scss';
+@import '../vendor/bootstrap-vue/src/components/form-input/index.scss';
+@import '../vendor/bootstrap-vue/src/components/form-radio/index.scss';
+// @import '../vendor/bootstrap-vue/src/components/form-rating/index.scss';
+// @import '../vendor/bootstrap-vue/src/components/form-spinbutton/index.scss';
+@import '../vendor/bootstrap-vue/src/components/form-tags/index.scss';
+@import '../vendor/bootstrap-vue/src/components/input-group/index.scss';
+// @import '../vendor/bootstrap-vue/src/components/media/index.scss';
+@import '../vendor/bootstrap-vue/src/components/modal/index.scss';
+@import '../vendor/bootstrap-vue/src/components/nav/index.scss';
+@import '../vendor/bootstrap-vue/src/components/navbar/index.scss';
+// @import '../vendor/bootstrap-vue/src/components/pagination/index.scss';
+// @import '../vendor/bootstrap-vue/src/components/pagination-nav/index.scss';
+@import '../vendor/bootstrap-vue/src/components/popover/index.scss';
+// @import '../vendor/bootstrap-vue/src/components/skeleton/index.scss';
+// @import '../vendor/bootstrap-vue/src/components/sidebar/index.scss';
+@import '../vendor/bootstrap-vue/src/components/table/index.scss';
+// @import '../vendor/bootstrap-vue/src/components/time/index.scss';
+@import '../vendor/bootstrap-vue/src/components/toast/index.scss';
+@import '../vendor/bootstrap-vue/src/components/tooltip/index.scss';
 
-// @import 'bootstrap-vue/src/icons/icons.scss';
+// @import '../vendor/bootstrap-vue/src/icons/icons.scss';

package/src/utils/utils.js

@@ -1,4 +1,4 @@
-import { isVisible } from 'bootstrap-vue/src/utils/dom';
+import { isVisible } from '../vendor/bootstrap-vue/src/utils/dom';
 import { COMMA, CONTRAST_LEVELS, labelColorOptions, focusableTags } from './constants';
 
 export function debounceByAnimationFrame(fn) {

package/src/vendor/bootstrap-vue/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016-2020 - BootstrapVue
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/src/vendor/bootstrap-vue/nuxt/index.js

@@ -0,0 +1,185 @@
+const { resolve } = require('path')
+
+// --- Constants ---
+
+const RX_UN_KEBAB = /-(\w)/g
+const RX_HYPHENATE = /\B([A-Z])/g
+
+// Path to index file when using bootstrap-vue source code
+const srcIndex = 'bootstrap-vue/src/index.js'
+
+// --- Utility methods ---
+
+// Converts PascalCase or camelCase to kebab-case
+const kebabCase = str => {
+  return str.replace(RX_HYPHENATE, '-$1').toLowerCase()
+}
+
+// Converts a kebab-case or camelCase string to PascalCase
+const pascalCase = str => {
+  str = kebabCase(str).replace(RX_UN_KEBAB, (_, c) => (c ? c.toUpperCase() : ''))
+  return str.charAt(0).toUpperCase() + str.slice(1)
+}
+
+const pickFirst = (...args) => {
+  for (const arg of args) {
+    if (arg !== undefined) {
+      return arg
+    }
+  }
+}
+
+// --- Main Nuxt.js module ---
+module.exports = function nuxtBootstrapVue(moduleOptions = {}) {
+  this.nuxt.hook('build:before', () => {
+    // Merge moduleOptions with default
+    const options = {
+      ...this.options.bootstrapVue,
+      ...moduleOptions
+    }
+
+    // Ensure we have arrays
+    this.options.css = [].concat(this.options.css || [])
+    this.options.build.transpile = [].concat(this.options.build.transpile || [])
+
+    const bootstrapVueCSS = pickFirst(
+      options.bootstrapVueCSS,
+      options.bootstrapVueCss,
+      options.bvCSS,
+      // Defaults to `true` if no other options provided
+      true
+    )
+    if (bootstrapVueCSS) {
+      // Add BootstrapVue CSS
+      this.options.css.unshift('bootstrap-vue/dist/bootstrap-vue.css')
+    }
+
+    const bootstrapCSS = pickFirst(
+      options.bootstrapCSS,
+      options.bootstrapCss,
+      options.css,
+      // Defaults to `true` if no other options provided
+      true
+    )
+    if (bootstrapCSS) {
+      // Add Bootstrap CSS
+      this.options.css.unshift('bootstrap/dist/css/bootstrap.css')
+    }
+
+    // Component src prop resolving
+    this.options.build.loaders.vue.transformAssetUrls = {
+      // Nuxt default is missing `poster` for video
+      video: ['src', 'poster'],
+      // Nuxt default is missing image
+      image: 'xlink:href',
+      // Add BootstrapVue specific component asset items
+      'b-avatar': 'src',
+      'b-img': 'src',
+      'b-img-lazy': ['src', 'blank-src'],
+      'b-card': 'img-src',
+      'b-card-img': 'src',
+      'b-card-img-lazy': ['src', 'blank-src'],
+      'b-carousel-slide': 'img-src',
+      'b-embed': 'src',
+      // Ensure super supplied values/overrides are not lost
+      ...this.options.build.loaders.vue.transformAssetUrls
+    }
+
+    // Enable transpilation of `src/` directory
+    this.options.build.transpile.push('bootstrap-vue/src')
+
+    // Use pre-transpiled or `src/`
+    const usePretranspiled = pickFirst(options.usePretranspiled, this.options.dev, false)
+    if (!usePretranspiled) {
+      // Use bootstrap-vue source code for smaller prod builds
+      // by aliasing 'bootstrap-vue' to the source files
+      this.extendBuild(config => {
+        if (!config.resolve.alias) {
+          config.resolve.alias = {}
+        }
+        const index = require.resolve(srcIndex)
+        const srcDir = index.replace(/index\.js$/, '')
+        // We prepend a $ to ensure that it is only used for
+        // `import from 'bootstrap-vue'` not `import from 'bootstrap-vue/*'`
+        config.resolve.alias['bootstrap-vue$'] = index
+        // If users are still cherry-picking modules from esm/ or es/ (legacy),
+        // alias them to src/ to prevent duplicate code imports
+        config.resolve.alias['bootstrap-vue/esm/'] = srcDir
+        config.resolve.alias['bootstrap-vue/es/'] = srcDir
+      })
+    }
+
+    // Base options available to template
+    const templateOptions = {
+      // Flag if we are tree shaking
+      treeShake: false,
+      icons: !!options.icons
+    }
+
+    // Specific component and/or directive plugins
+    for (const type of ['componentPlugins', 'directivePlugins']) {
+      const bvPlugins = Array.isArray(options[type]) ? options[type] : []
+
+      templateOptions[type] = bvPlugins
+        // Normalize plugin name to `${Name}Plugin` (component) or `VB${Name}Plugin` (directive)
+        // Required for backwards compatibility with old plugin import names
+        .map(plugin => {
+          // Ensure PascalCase name
+          plugin = pascalCase(plugin)
+          // Ensure new naming convention for directive plugins prefixed with `VB`
+          plugin = type === 'directivePlugins' && !/^VB/.test(plugin) ? `VB${plugin}` : plugin
+          // Ensure prefixed with `Plugin`
+          plugin = /Plugin$/.test(plugin) ? plugin : `${plugin}Plugin`
+          return plugin
+        })
+        // Remove duplicate items
+        .filter((plugin, i, arr) => arr.indexOf(plugin) === i)
+
+      if (templateOptions[type].length > 0) {
+        templateOptions.treeShake = true
+      }
+    }
+
+    // Specific components and/or directives
+    for (const type of ['components', 'directives']) {
+      const ComponentsOrDirectives = Array.isArray(options[type]) ? options[type] : []
+
+      templateOptions[type] = ComponentsOrDirectives
+        // Ensure PascalCase name
+        .map(item => pascalCase(item))
+        // Ensure prefixed with `V`
+        .map(item => (type === 'directives' && !/^V/.test(item) ? `V${item}` : item))
+        // Remove duplicate items
+        .filter((item, i, arr) => arr.indexOf(item) === i)
+
+      if (templateOptions[type].length > 0) {
+        templateOptions.treeShake = true
+      }
+    }
+
+    // If tree shaking, and icons requested, add in
+    // the IconsPlugin if not already specified
+    if (
+      templateOptions.treeShake &&
+      templateOptions.icons &&
+      templateOptions.componentPlugins.indexOf('IconsPlugin') === -1 &&
+      templateOptions.componentPlugins.indexOf('BootstrapVueIcons') === -1
+    ) {
+      templateOptions.componentPlugins.push('IconsPlugin')
+    }
+
+    // Add BootstrapVue configuration if present
+    if (options.config && Object.prototype.toString.call(options.config) === '[object Object]') {
+      templateOptions.config = { ...options.config }
+    }
+
+    // Register plugin, passing options to plugin template
+    this.addPlugin({
+      src: resolve(__dirname, 'plugin.template.js'),
+      fileName: 'bootstrap-vue.js',
+      options: templateOptions
+    })
+  })
+}
+
+module.exports.meta = require('../package.json')

package/src/vendor/bootstrap-vue/nuxt/plugin.template.js

@@ -0,0 +1,35 @@
+import Vue from 'vue';
+
+<% if (!options.treeShake) { %>
+<%   if (options.icons) { %>
+import { BootstrapVue, BootstrapVueIcons } from 'bootstrap-vue';
+
+Vue.use(BootstrapVue, <%= JSON.stringify(options.config || {}, undefined, 2) %>);
+Vue.use(BootstrapVueIcons);
+<%   } else { %>
+import { BootstrapVue } from 'bootstrap-vue';
+
+Vue.use(BootstrapVue, <%= JSON.stringify(options.config || {}, undefined, 2) %>);
+<%   } %>
+<% } %>
+
+<% if (options.treeShake) { %>
+import {
+  <%= [].concat(
+    options.config ? 'BVConfigPlugin' : null,
+    options.componentPlugins,
+    options.directivePlugins,
+    options.components,
+    options.directives
+  ).filter(Boolean).join(',\n  ') %>
+} from 'bootstrap-vue';
+
+<%   if (options.config) { %>
+Vue.use(BVConfigPlugin, <%= JSON.stringify(options.config, undefined, 2) %>);
+<%   } %>
+
+<%= options.componentPlugins.reduce((acc, plugin) => (acc += `Vue.use(${plugin});\n` ), '') %>
+<%= options.directivePlugins.reduce((acc, plugin) => (acc += `Vue.use(${plugin});\n` ), '') %>
+<%= options.components.reduce((acc, c) => (acc += `Vue.component('${c}', ${c});\n` ), '') %>
+<%= options.directives.reduce((acc, d) => (acc += `Vue.directive('${d.replace(/^VB/, 'B')}', ${d});\n` ), '') %>
+<% } %>