bootstrap-vue · tmorehouse · May 22, 2020 · May 12, 2020 · May 12, 2020 · May 12, 2020
diff --git a/.bundlewatch.config.json b/.bundlewatch.config.json
@@ -2,27 +2,27 @@
   "files": [
     {
       "path": "./dist/bootstrap-vue-icons.js",
-      "maxSize": "60 kB"
+      "maxSize": "75 kB"
     },
     {
       "path": "./dist/bootstrap-vue-icons.min.js",
-      "maxSize": "55 kB"
+      "maxSize": "70 kB"
     },
     {
       "path": "./dist/bootstrap-vue-icons.common.js",
-      "maxSize": "65 kB"
+      "maxSize": "80 kB"
     },
     {
       "path": "./dist/bootstrap-vue-icons.common.min.js",
-      "maxSize": "60 kB"
+      "maxSize": "75 kB"
     },
     {
       "path": "./dist/bootstrap-vue-icons.esm.js",
-      "maxSize": "65 kB"
+      "maxSize": "80 kB"
     },
     {
       "path": "./dist/bootstrap-vue-icons.esm.min.js",
-      "maxSize": "60 kB"
+      "maxSize": "75 kB"
     },
     {
       "path": "./dist/bootstrap-vue-icons.css",
@@ -42,19 +42,19 @@
     },
     {
       "path": "./dist/bootstrap-vue.common.js",
-      "maxSize": "260 kB"
+      "maxSize": "275 kB"
     },
     {
       "path": "./dist/bootstrap-vue.common.min.js",
-      "maxSize": "145 kB"
+      "maxSize": "165 kB"
     },
     {
       "path": "./dist/bootstrap-vue.esm.js",
-      "maxSize": "260 kB"
+      "maxSize": "270 kB"
     },
     {
       "path": "./dist/bootstrap-vue.esm.min.js",
-      "maxSize": "145 kB"
+      "maxSize": "160 kB"
     },
     {
       "path": "./dist/bootstrap-vue.css",

diff --git a/.codesandbox/ci.json b/.codesandbox/ci.json
@@ -1,3 +1,3 @@
 {
-  "sandboxes": ["0d335"]
+  "sandboxes": ["qeu9j"]
 }
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -207,4 +207,3 @@ jobs:
         run: yarn run bundlewatch
         env:
           BUNDLEWATCH_GITHUB_TOKEN: "${{ secrets.BUNDLEWATCH_GITHUB_TOKEN }}"
-          CI_BRANCH_BASE: "${{ github.base_ref }}"
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,62 @@
 
 > All notable changes to this project will be documented in this file.
 
+<a name="2.15.0"></a>
+
+## [v2.15.0](https://github.com/bootstrap-vue/bootstrap-vue/compare/v2.14.0...v2.15.0)
+
+Released: 2020-05-22
+
+### Features v2.15.0
+
+- **css:** update Bootstrap to v4.5.0
+  ([#5395](https://github.com/bootstrap-vue/bootstrap-vue/issues/5395))
+  ([ba7a55e](https://github.com/bootstrap-vue/bootstrap-vue/commit/ba7a55ea094049fd1e3ae492a5a95196252b1da9))
+- **icons:** upgrade to Bootstrap Icons 1.0.0-alpha4
+  ([#5420](https://github.com/bootstrap-vue/bootstrap-vue/issues/5420))
+  ([3208309](https://github.com/bootstrap-vue/bootstrap-vue/commit/3208309c649b4cce73c68643d7c911237a713ebc))
+- **b-sidebar:** add prop `backdrop-variant`
+  ([#5411](https://github.com/bootstrap-vue/bootstrap-vue/issues/5411))
+  ([4b0c163](https://github.com/bootstrap-vue/bootstrap-vue/commit/4b0c163156b6ac5be6c1b0a2801d7c169c87cb49))
+- **b-link:** add support 3rd party router links such as Gridsome's `<g-link>` (closes
+  [#2627](https://github.com/bootstrap-vue/bootstrap-vue/issues/2627))
+  ([#5358](https://github.com/bootstrap-vue/bootstrap-vue/issues/5358))
+  ([6d29e1c](https://github.com/bootstrap-vue/bootstrap-vue/commit/6d29e1cff6c4fd42b3f60f86bd017d8601de3956))
+- **b-navbar-toggle:** add `disabled` prop
+  ([#5397](https://github.com/bootstrap-vue/bootstrap-vue/issues/5397))
+  ([0b7082b](https://github.com/bootstrap-vue/bootstrap-vue/commit/0b7082b792ee49847ba7c99c61758c0d9fd6d222))
+- **v-b-toggle:** check for target ID via `href` if a link
+  ([#5398](https://github.com/bootstrap-vue/bootstrap-vue/issues/5398))
+  ([33e39b0](https://github.com/bootstrap-vue/bootstrap-vue/commit/33e39b007225ba86a0c84a66e3ee60b9d2f01fed))
+- **types:** create declarations for `<b-calendar>` and `<b-time>` context event objects (closes
+  [#5366](https://github.com/bootstrap-vue/bootstrap-vue/issues/5366))
+  ([#5374](https://github.com/bootstrap-vue/bootstrap-vue/issues/5374))
+  ([8f3ca30](https://github.com/bootstrap-vue/bootstrap-vue/commit/8f3ca30e4d51b5e97f9c4f301c31254a8b060980))
+- support `<nuxt-link>`'s `prefetch` property (closes
+  [#5125](https://github.com/bootstrap-vue/bootstrap-vue/issues/5125))
+  ([#5355](https://github.com/bootstrap-vue/bootstrap-vue/issues/5355))
+  ([b9416cb](https://github.com/bootstrap-vue/bootstrap-vue/commit/b9416cb3824d680e297347af61a934b1536224de))
+
+### Bug Fixes v2.15.0
+
+- **v-b-toggle:** don't check for evt.defaultPrevened (closes
+  [#5391](https://github.com/bootstrap-vue/bootstrap-vue/issues/5391))
+  ([#5396](https://github.com/bootstrap-vue/bootstrap-vue/issues/5396))
+  ([a1543b2](https://github.com/bootstrap-vue/bootstrap-vue/commit/a1543b297040ea593306ec55d7de5f1e2e776bce))
+- **b-link:** default new `<nuxt-link>` prop `prefetch` to `null` for true tri-state prop
+  ([#5357](https://github.com/bootstrap-vue/bootstrap-vue/issues/5357))
+  ([3f41c91](https://github.com/bootstrap-vue/bootstrap-vue/commit/3f41c91961c29988ba13ca11f4dc8f81810e761f))
+- ensure all intervals/timeouts/observers are cleared when component is destroyed
+  ([#5362](https://github.com/bootstrap-vue/bootstrap-vue/issues/5362))
+  ([064cdf4](https://github.com/bootstrap-vue/bootstrap-vue/commit/064cdf4f7e7c6b779c1bd689a6d300efdf81bc0d))
+- properly handle HTML props render order (closes
+  [#5363](https://github.com/bootstrap-vue/bootstrap-vue/issues/5363))
+  ([#5365](https://github.com/bootstrap-vue/bootstrap-vue/issues/5365))
+  ([844ecda](https://github.com/bootstrap-vue/bootstrap-vue/commit/844ecda654a2db50d9b84c193f1ab031e291d024))
+- fix docs CodeSandbox integration
+  ([#5381](https://github.com/bootstrap-vue/bootstrap-vue/issues/5381))
+  ([a948846](https://github.com/bootstrap-vue/bootstrap-vue/commit/a948846400c37fca0fa3ed673b1c4684fc6f69e1))
+
 <a name="2.14.0"></a>
 
 ## [v2.14.0](https://github.com/bootstrap-vue/bootstrap-vue/compare/v2.13.1...v2.14.0)

diff --git a/README.md b/README.md
@@ -6,7 +6,7 @@
 <br>
 
 <p align="center">
-  BootstrapVue, with over 40 available plugins, more than 80 custom components, and over 530 icons,
+  BootstrapVue, with over 40 available plugins, more than 80 custom components, and over 670 icons,
   provides one of the most comprehensive implementations of the Bootstrap v4 component and grid
   system for Vue.js, complete with extensive and automated WAI-ARIA accessibility markup.
 </p>

diff --git a/docs/common-props.json b/docs/common-props.json
@@ -197,40 +197,49 @@
   "active": {
     "description": "When set to 'true', places the component in the active state with active styling"
   },
+  "href": {
+    "description": "<b-link> prop: Denotes the target URL of the link for standard a links"
+  },
   "rel": {
-    "description": "Sets the 'rel' attribute on the rendered link"
+    "description": "<b-link> prop: Sets the 'rel' attribute on the rendered link"
   },
   "target": {
-    "description": "Sets the 'target' attribute on the rendered link"
-  },
-  "href": {
-    "description": "Denotes the target URL of the link for standard a links"
+    "description": "<b-link> prop: Sets the 'target' attribute on the rendered link"
   },
   "to": {
-    "description": "router-link prop: Denotes the target route of the link. When clicked, the value of the to prop will be passed to router.push() internally, so the value can be either a string or a Location descriptor object"
+    "description": "<router-link> prop: Denotes the target route of the link. When clicked, the value of the to prop will be passed to router.push() internally, so the value can be either a string or a Location descriptor object"
   },
   "replace": {
-    "description": "router-link prop: Setting the replace prop will call 'router.replace()' instead of 'router.push()' when clicked, so the navigation will not leave a history record"
+    "description": "<router-link> prop: Setting the replace prop will call 'router.replace()' instead of 'router.push()' when clicked, so the navigation will not leave a history record"
   },
   "append": {
-    "description": "router-link prop: Setting append prop always appends the relative path to the current path"
+    "description": "<router-link> prop: Setting append prop always appends the relative path to the current path"
   },
   "exact": {
-    "description": "router-link prop: The default active class matching behavior is inclusive match. Setting this prop forces the mode to exactly match the route"
+    "description": "<router-link> prop: The default active class matching behavior is inclusive match. Setting this prop forces the mode to exactly match the route"
   },
   "activeClass": {
-    "description": "router-link prop: Configure the active CSS class applied when the link is active. Typically you will want to set this to class name 'active'"
+    "description": "<router-link> prop: Configure the active CSS class applied when the link is active. Typically you will want to set this to class name 'active'"
   },
   "exactActiveClass": {
-    "description": "router-link prop: Configure the active CSS class applied when the link is active with exact match. Typically you will want to set this to class name 'active'"
+    "description": "<router-link> prop: Configure the active CSS class applied when the link is active with exact match. Typically you will want to set this to class name 'active'"
   },
   "routerTag": {
-    "description": "router-link prop: Specify which tag to render, and it will still listen to click events for navigation. 'router-tag' translates to the tag prop on the final rendered router-link. Typically you should use the default value"
+    "description": "<router-link> prop: Specify which tag to render, and it will still listen to click events for navigation. 'router-tag' translates to the tag prop on the final rendered router-link. Typically you should use the default value"
   },
   "event": {
-    "description": "router-link prop: Specify the event that triggers the link. In most cases you should leave this as the default"
+    "description": "<router-link> prop: Specify the event that triggers the link. In most cases you should leave this as the default"
+  },
+  "prefetch": {
+    "description": "<nuxt-link> prop: To improve the responsiveness of your Nuxt.js applications, when the link will be displayed within the viewport, Nuxt.js will automatically prefetch the code splitted page. Setting 'prefetch' to 'true' or 'false' will overwrite the default value of 'router.prefetchLinks'",
+    "version": "2.15.0"
   },
   "noPrefetch": {
-    "description": "nuxt-link prop: To improve the responsiveness of your Nuxt.js applications, when the link will be displayed within the viewport, Nuxt.js will automatically prefetch the code splitted page. Setting 'no-prefetch' will disabled this feature for the specific link"
+    "description": "<nuxt-link> prop: To improve the responsiveness of your Nuxt.js applications, when the link will be displayed within the viewport, Nuxt.js will automatically prefetch the code splitted page. Setting 'no-prefetch' will disabled this feature for the specific link"
+  },
+  "routerComponentName": {
+    "description": "<b-link> prop: BootstrapVue auto detects between `<router-link>` and `<nuxt-link>`. In cases where you want to use a 3rd party link component based on `<router-link>`, set this prop to the component name. e.g. set it to 'g-link' if you are using Gridsome (note only `<router-link>` specific props are passed to the component)",
+    "version": "2.15.0",
+    "settings": true
   }
 }
diff --git a/docs/components/carbon-ad.js b/docs/components/carbon-ad.js
@@ -30,6 +30,15 @@ export default {
     }
   },
   mounted() {
+    // Remove any leftover Carbonads scripts from the `<head>`
+    const $nodes = document.querySelectorAll('head > script[id="_carbonads_projs"]')
+    for (const $node of $nodes) {
+      try {
+        $node.parentNode.removeChild($node)
+      } catch {}
+    }
+
+    // Show the new ad
     this.$nextTick(() => {
       requestAnimationFrame(() => {
         this.mounted = true

diff --git a/docs/markdown/reference/router-links/README.md b/docs/markdown/reference/router-links/README.md
@@ -10,7 +10,8 @@
 In the following sections, we are using the `<b-link>` component to render router links. `<b-link>`
 is the building block of most of BootstrapVue's _actionable_ components. You could use any other
 component that supports link generation such as [`<b-link>`](/docs/components/link),
-[`<b-button>`](/docs/components/button), [`<b-breadcrumb-item>`](/docs/components/breadcrumb),
+[`<b-button>`](/docs/components/button), [`<b-avatar>`](/docs/components/avatar),
+[`<b-breadcrumb-item>`](/docs/components/breadcrumb),
 [`<b-list-group-item>`](/docs/components/list-group), [`<b-nav-item>`](/docs/components/nav),
 [`<b-dropdown-item>`](/docs/components/dropdown), and
 [`<b-pagination-nav>`](/docs/components/pagination-nav). Note that not all props are available on
@@ -155,19 +156,21 @@ render a [`<nuxt-link>`](https://nuxtjs.org/api/components-nuxt-link) sub compon
 `<router-link>`. `<nuxt-link>` supports all of the above router link props, plus the following
 additional Nuxt.js specific props.
 
-### `no-prefetch`
+### `prefetch`
 
 - type: `boolean`
-- default: `false`
-- availability: Nuxt.js 2.4.0+
+- default: `null`
+- availability: Nuxt.js 2.10.0+ and BootstrapVue 2.15.0+
 
 To improve the responsiveness of your Nuxt.js applications, when the link will be displayed within
-the viewport, Nuxt.js will automatically prefetch the code splitted page. Setting `no-prefetch` will
-disabled this feature for the specific link.
+the viewport, Nuxt.js will automatically prefetch the code splitted page. Setting `prefetch` to
+`true` or `false` will overwrite the default value of `router.prefetchLinks` configured in the
+`nuxt.config.js` configuration file.
 
-**Note:** If you have prefetching disabled in your `nuxt.config.js` configuration
-(`router: { prefetchLinks: false}`), or are using a version of Nuxt.js `< 2.4.0`, then this prop
-will have no effect.
+**Notes:**
+
+- If you have are using a version of Nuxt.js `< 2.10.0`, then this prop will have no effect.
+- Remember to `v-bind` the prop value (e.g. `:prefetch="true"` or `:prefetch="false"`).
 
 Prefetching support requires
 [IntersectionObserver](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API)
@@ -187,3 +190,46 @@ export default {
   }
 }
 ```
+
+### `no-prefetch`
+
+- type: `boolean`
+- default: `false`
+- availability: Nuxt.js 2.4.0+
+
+To improve the responsiveness of your Nuxt.js applications, when the link will be displayed within
+the viewport, Nuxt.js will automatically prefetch the code splitted page. Setting `no-prefetch` will
+disabled this feature for the specific link.
+
+**Note:** If you have prefetching disabled in your `nuxt.config.js` configuration
+(`router: { prefetchLinks: false }`), or are using a version of Nuxt.js `< 2.4.0`, then this prop
+will have no effect.
+
+## Third-party router link support
+
+<span class="badge badge-info small">v2.15.0+</span>
+
+BootstrapVue auto detects using `<router-link>` and `<nuxt-link>` link components. Some 3rd party
+frameworks also provide customized versions of `<router-link>`, such as
+[Gridsome's `<g-link>` component](https://gridsome.org/docs/linking/). BootstrapVue can support
+these third party `<router-link>` compatible components via the use of the `router-component-name`
+prop. All `vue-router` props (excluding `<nuxt-link>` specific props) will be passed to the
+specified router link component.
+
+**Notes:**
+
+- The 3rd party component will only be used when the `to` prop is set.
+- Not all 3rd party components support all props supported by `<router-link>`, nor do not support
+  fully qualified domain name URLs, nor hash only URLs. Refer to the 3rd party component
+  documentation for details.
+
+### `router-component-name`
+
+- type: `string`
+- default: `undefined`
+- availability: BootstrapVue 2.15.0+
+
+Set this prop to the name of the `<router-link>` compatible component, e.g. `'g-link'` for
+[Gridsome](https://gridsome.org/).
+
+If left at the default, BootstrapVue will automatically select `<router-link>` or `<nuxt-link>`.
diff --git a/docs/markdown/reference/validation/README.md b/docs/markdown/reference/validation/README.md
@@ -64,7 +64,7 @@ Vue.use(VeeValidate, {
 
 ## VeeValidate v3
 
-[VeeValidate](http://vee-validate.logaretm.com/) is a plugin for Vue.js that allows you to validate
+[VeeValidate](https://logaretm.github.io/vee-validate/) is a plugin for Vue.js that allows you to validate
 input fields and display errors. It has full support for
 [Vue I18n](https://kazupon.github.io/vue-i18n/) and provides fairly good out of the box error
 messages.

diff --git a/docs/pages/index.vue b/docs/pages/index.vue
@@ -82,7 +82,7 @@
             <b-row class="mb-4">
               <b-col lg="10" offset-lg="1">
                 <p class="text-lg-center">
-                  With more than 85 components, over 45 available plugins, several directives, and 500+ icons,
+                  With more than 85 components, over 45 available plugins, several directives, and 670+ icons,
                   <span class="bd-text-purple-bright">BootstrapVue</span> provides one of the most
                   comprehensive implementations of the
                   <span class="bd-text-purple-bright">Bootstrap v{{ bootstrapVersionMinor }}</span> component and grid system

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
@@ -491,17 +491,24 @@ export default {
         '',
         "new Vue({ el: '#app', render: h => h(App) })"
       ].join('\r\n')
+      const scripts = {
+        serve: 'vue-cli-service serve',
+        build: 'vue-cli-service build'
+      }
       const dependencies = {
         bootstrap: bootstrapVersion,
         'bootstrap-vue': bootstrapVueVersion,
         vue: vueVersion
       }
+      const devDependencies = {
+        '@vue/cli-service': '^4.3.0'
+      }
       return getCodeSandboxParameters({
         files: {
           'App.vue': { content: vueContent },
           'index.html': { content: htmlContent },
           'index.js': { content: jsContent },
-          'package.json': { content: { dependencies } }
+          'package.json': { content: { scripts, dependencies, devDependencies } }
         }
       })
     },