bootstrap-vue · jacobmllr95 · Nov 30, 2020 · Oct 22, 2020 · Oct 22, 2020 · Oct 22, 2020
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,41 @@ All notable changes to this project will be documented in this file. See
 [standard-version](https://github.com/conventional-changelog/standard-version) for commit
 guidelines.
 
+<a name="2.20.0"></a>
+
+## [v2.20.0](https://github.com/bootstrap-vue/bootstrap-vue/compare/v2.19.0...v2.20.0)
+
+Released: 2020-11-30
+
+### Features v2.20.0
+
+- **b-form-tags:** add `reset` method
+  ([#6104](https://github.com/bootstrap-vue/bootstrap-vue/issues/6104))
+  ([d610291](https://github.com/bootstrap-vue/bootstrap-vue/commit/d6102913a5f9a3295f646fad50ba58ffc31533e8))
+
+### Bug Fixes v2.20.0
+
+- **b-form-input:** modified value handling
+  ([#6084](https://github.com/bootstrap-vue/bootstrap-vue/issues/6084))
+  ([d6d8e3c](https://github.com/bootstrap-vue/bootstrap-vue/commit/d6d8e3c0f309ca16ede0c874bb787ab2fed7b380))
+- **b-form-spinbutton:** button markup
+  ([#6101](https://github.com/bootstrap-vue/bootstrap-vue/issues/6101))
+  ([5082976](https://github.com/bootstrap-vue/bootstrap-vue/commit/5082976e90264cadd84a4c9dbf339ce90fe49456))
+- **b-form-tags:** required handling (closes
+  [#6094](https://github.com/bootstrap-vue/bootstrap-vue/issues/6094))
+  ([#6103](https://github.com/bootstrap-vue/bootstrap-vue/issues/6103))
+  ([2dc6b9d](https://github.com/bootstrap-vue/bootstrap-vue/commit/2dc6b9d5bc5fcb3cf1febda7d9e5b03d1ee9a3d0))
+- **b-table:** only set `tabindex="0"` for sortable TH's
+  ([#6102](https://github.com/bootstrap-vue/bootstrap-vue/issues/6102))
+  ([dd23742](https://github.com/bootstrap-vue/bootstrap-vue/commit/dd237425e4e7a7e73d5c17210780b02dab2110e2))
+- **b-table:** sort handling for numeric string values (closes
+  [#6092](https://github.com/bootstrap-vue/bootstrap-vue/issues/6092))
+  ([#6105](https://github.com/bootstrap-vue/bootstrap-vue/issues/6105))
+  ([29fbcb5](https://github.com/bootstrap-vue/bootstrap-vue/commit/29fbcb58c5efed0dbbafa8b0bb5fc1d1651079cd))
+- user supplied prop function detection
+  ([#6070](https://github.com/bootstrap-vue/bootstrap-vue/issues/6070))
+  ([cea6051](https://github.com/bootstrap-vue/bootstrap-vue/commit/cea6051efc901325d63c22f65381242bd6e774e7))
+
 <a name="2.19.0"></a>
 
 ## [v2.19.0](https://github.com/bootstrap-vue/bootstrap-vue/compare/v2.18.1...v2.19.0)

diff --git a/docs/content/themes/dexam-startup-and-product-landing-page.yaml b/docs/content/themes/dexam-startup-and-product-landing-page.yaml
@@ -1,7 +1,7 @@
 title: 'Dexam - Startup & Product Landing Page'
 type: 'landing page'
 category: 'Landing Page'
-img: 'https://raw.githubusercontent.com/mh-rafi/vue-landing/master/preview.png?token=ADAAYN6HJGIO53OHN7MX3SC7VERDM'
+img: 'https://i.ibb.co/1MyVr6S/preview-dexam.png'
 href: 'https://1.envato.market/rVP4d'
 description: 'Dexam is a clean startup and product landing page built with Vue Cli and BootstrapVue. It comes with 10+ home and colors variations. A HTML version is included.'
 provider: 'UI Lib'

diff --git a/docs/content/themes/gull-admin-dashboard.yaml b/docs/content/themes/gull-admin-dashboard.yaml
@@ -1,7 +1,7 @@
 title: 'Gull - Admin Dashboard'
 type: 'dashboard'
 category: 'Admin & Dashboard'
-img: 'https://raw.githubusercontent.com/mh-rafi/gull-vue/master/preview.png?token=ADAAYNYX54YEQFO4JSGDQHK7VEOBG'
+img: 'https://i.ibb.co/bRH1NN5/preview-gull.png'
 href: 'https://1.envato.market/ayXRq'
 description: 'Gull is a modern, next-generation Vue.js Admin Dashboard. It is feature-rich, responsive and built on top of Vue CLI, Vuex, Vue Router and BootstrapVue. If you want to create a Vue.js Admin Dashboard, Gull is best option.'
 provider: 'UI Lib'

diff --git a/docs/markdown/intro/README.md b/docs/markdown/intro/README.md
@@ -581,7 +581,8 @@ All Icons:
 module.exports = {
   modules: ['bootstrap-vue/nuxt'],
   bootstrapVue: {
-    icons: true // Install the IconsPlugin (in addition to BootStrapVue plugin
+    // Install the `IconsPlugin` plugin (in addition to `BootstrapVue` plugin)
+    icons: true
   }
 }
 ```

diff --git a/docs/markdown/reference/router-links/README.md b/docs/markdown/reference/router-links/README.md
@@ -174,8 +174,8 @@ the viewport, Nuxt.js will automatically prefetch the code splitted page. Settin
 
 Prefetching support requires
 [IntersectionObserver](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API)
-to be supported (see [CanIUse](https://caniuse.com/#feat=intersectionobserver)). For browsers that
-do not support IntersectionObserver, you can use the following conditional polyfill in
+to be supported (see [Can I use](https://caniuse.com/intersectionobserver)). For browsers that do
+not support IntersectionObserver, you can use the following conditional polyfill in
 `nuxt.config.js`:
 
 ```js

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-vue",
-  "version": "2.19.0",
+  "version": "2.20.0",
   "description": "With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4 component and grid system available for Vue.js v2.6, complete with extensive and automated WAI-ARIA accessibility markup.",
   "main": "dist/bootstrap-vue.common.js",
   "web": "dist/bootstrap-vue.js",
@@ -91,67 +91,66 @@
     "vue-functional-data-merge": "^3.1.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.12.1",
-    "@babel/core": "^7.12.3",
+    "@babel/cli": "^7.12.8",
+    "@babel/core": "^7.12.9",
     "@babel/plugin-transform-modules-commonjs": "^7.12.1",
     "@babel/plugin-transform-runtime": "^7.12.1",
-    "@babel/preset-env": "^7.12.1",
-    "@babel/standalone": "^7.12.6",
-    "@nuxt/content": "^1.10.0",
+    "@babel/preset-env": "^7.12.7",
+    "@babel/standalone": "^7.12.9",
+    "@nuxt/content": "^1.11.1",
     "@nuxtjs/google-analytics": "^2.4.0",
-    "@nuxtjs/pwa": "^3.2.2",
+    "@nuxtjs/pwa": "^3.3.1",
     "@nuxtjs/robots": "^2.4.2",
     "@nuxtjs/sitemap": "^2.4.0",
-    "@testing-library/jest-dom": "^5.11.5",
+    "@testing-library/jest-dom": "^5.11.6",
     "@vue/test-utils": "^1.1.1",
-    "autoprefixer": "^10.0.1",
+    "autoprefixer": "^10.0.4",
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^26.6.3",
     "babel-plugin-istanbul": "^6.0.0",
     "bootstrap-icons": "^1.1.0",
     "bundlewatch": "^0.3.1",
     "clean-css-cli": "^4.3.0",
-    "codemirror": "^5.58.2",
+    "codemirror": "^5.58.3",
     "codesandbox": "^2.2.1",
-    "core-js": "^3.6.5",
+    "core-js": "^3.8.0",
     "cross-env": "^7.0.2",
-    "eslint": "^7.12.1",
+    "eslint": "^7.14.0",
     "eslint-config-prettier": "^6.15.0",
-    "eslint-config-standard": "^16.0.1",
+    "eslint-config-standard": "^16.0.2",
     "eslint-config-vue": "^2.0.2",
     "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-jest": "^24.1.0",
+    "eslint-plugin-jest": "^24.1.3",
     "eslint-plugin-markdown": "^1.0.2",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^3.1.4",
     "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-standard": "^4.0.2",
     "eslint-plugin-vue": "^7.1.0",
     "esm": "^3.2.25",
     "execa": "^4.1.0",
-    "highlight.js": "^9.18.2",
+    "highlight.js": "^9.18.5",
     "html-loader": "^1.3.2",
     "husky": "^4.3.0",
     "improved-yarn-audit": "^2.3.1",
     "jest": "^26.6.3",
-    "lint-staged": "^10.5.1",
+    "lint-staged": "^10.5.2",
     "loader-utils": "^2.0.0",
     "lodash": "^4.17.20",
-    "marked": "^1.2.3",
+    "marked": "^1.2.5",
     "nuxt": "^2.14.7",
-    "postcss": "^8.1.6",
-    "postcss-cli": "^8.2.0",
+    "postcss": "^8.1.10",
+    "postcss-cli": "^8.3.0",
     "prettier": "1.14.3",
     "require-context": "^1.1.0",
-    "rollup": "^2.33.1",
+    "rollup": "^2.34.0",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-node-resolve": "^5.2.0",
     "sass": "^1.29.0",
-    "sass-loader": "^10.0.5",
+    "sass-loader": "^10.1.0",
     "standard-version": "^9.0.0",
-    "terser": "^5.3.8",
+    "terser": "^5.5.1",
     "vue": "^2.6.12",
     "vue-jest": "^3.0.7",
     "vue-router": "^3.4.9",

diff --git a/src/components/avatar/_avatar.scss b/src/components/avatar/_avatar.scss
@@ -85,7 +85,7 @@
     max-height: auto;
     border-radius: inherit;
     // This is not supported in IE11 and Edge <16
-    // https://caniuse.com/#feat=object-fit
+    // https://caniuse.com/object-fit
     object-fit: cover;
   }
 

diff --git a/src/components/calendar/calendar.js b/src/components/calendar/calendar.js
@@ -43,7 +43,7 @@ import {
 } from '../../utils/date'
 import { attemptBlur, attemptFocus, requestAF } from '../../utils/dom'
 import { stopEvent } from '../../utils/events'
-import { isArray, isPlainObject, isString, isUndefined } from '../../utils/inspect'
+import { isArray, isPlainObject, isString } from '../../utils/inspect'
 import { isLocaleRTL } from '../../utils/locale'
 import { mathMax } from '../../utils/math'
 import { toInteger } from '../../utils/number'
@@ -342,20 +342,12 @@ export const BCalendar = Vue.extend({
     },
     computedDateDisabledFn() {
       const { dateDisabledFn } = this
-      let result = null
-      try {
-        result = dateDisabledFn()
-      } catch {}
-      return isUndefined(result) ? () => false : dateDisabledFn
+      return dateDisabledFn.name !== 'default' ? dateDisabledFn : () => false
     },
     // TODO: Change `dateInfoFn` to handle events and notes as well as classes
     computedDateInfoFn() {
       const { dateInfoFn } = this
-      let result = null
-      try {
-        result = dateInfoFn()
-      } catch {}
-      return isUndefined(result) ? () => ({}) : dateInfoFn
+      return dateInfoFn.name !== 'default' ? dateInfoFn : () => ({})
     },
     calendarLocale() {
       // This locale enforces the gregorian calendar (for use in formatter functions)

diff --git a/src/components/form-checkbox/form-checkbox-group.js b/src/components/form-checkbox/form-checkbox-group.js
@@ -1,60 +1,41 @@
 import Vue from '../../vue'
 import { NAME_FORM_CHECKBOX_GROUP } from '../../constants/components'
 import { makePropsConfigurable } from '../../utils/config'
-import formControlMixin, { props as formControlProps } from '../../mixins/form-control'
-import formOptionsMixin, { props as formOptionsProps } from '../../mixins/form-options'
 import formRadioCheckGroupMixin, {
   props as formRadioCheckGroupProps
 } from '../../mixins/form-radio-check-group'
-import formSizeMixin, { props as formSizeProps } from '../../mixins/form-size'
-import formStateMixin, { props as formStateProps } from '../../mixins/form-state'
-import idMixin from '../../mixins/id'
 
 // --- Props ---
 
 export const props = makePropsConfigurable(
   {
-    ...formControlProps,
-    ...formOptionsProps,
     ...formRadioCheckGroupProps,
-    ...formSizeProps,
-    ...formStateProps,
+    checked: {
+      type: Array,
+      default: () => []
+    },
     switches: {
       // Custom switch styling
       type: Boolean,
       default: false
-    },
-    checked: {
-      type: Array,
-      default: null
     }
   },
   NAME_FORM_CHECKBOX_GROUP
 )
 
 // --- Main component ---
+
 // @vue/component
 export const BFormCheckboxGroup = /*#__PURE__*/ Vue.extend({
   name: NAME_FORM_CHECKBOX_GROUP,
-  mixins: [
-    idMixin,
-    formControlMixin,
-    formRadioCheckGroupMixin, // Includes render function
-    formOptionsMixin,
-    formSizeMixin,
-    formStateMixin
-  ],
+  // Includes render function
+  mixins: [formRadioCheckGroupMixin],
   provide() {
     return {
       bvCheckGroup: this
     }
   },
   props,
-  data() {
-    return {
-      localChecked: this.checked || []
-    }
-  },
   computed: {
     isRadioGroup() {
       return false

diff --git a/src/components/form-checkbox/form-checkbox-group.spec.js b/src/components/form-checkbox/form-checkbox-group.spec.js
@@ -311,11 +311,11 @@ describe('form-checkbox-group', () => {
       }
     })
 
-    expect(wrapper.classes()).toBeDefined()
+    expect(wrapper.vm.isRadioGroup).toEqual(false)
+    expect(wrapper.vm.localChecked).toEqual([])
 
     const $inputs = wrapper.findAll('input')
     expect($inputs.length).toBe(3)
-    expect(wrapper.vm.localChecked).toEqual([])
     expect($inputs.wrappers.every(c => c.find('input[type=checkbox]').exists())).toBe(true)
 
     wrapper.destroy()

diff --git a/src/components/form-file/README.md b/src/components/form-file/README.md
@@ -59,7 +59,7 @@ files are selected the return value will be an array of JavaScript
     <strong>CAUTION:</strong> Directory mode is a <em>non-standard</em> feature. While being
     supported by all modern browsers, it should not be relied on for production.
     Read more on <a class="alert-link" href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitdirectory">MDN</a>
-    and <a class="alert-link" href="https://caniuse.com/#feat=input-file-directory">Can I use</a>.
+    and <a class="alert-link" href="https://caniuse.com/input-file-directory">Can I use</a>.
   </p>
 </div>
 

diff --git a/src/components/form-file/form-file.js b/src/components/form-file/form-file.js
@@ -10,14 +10,7 @@ import { makePropsConfigurable } from '../../utils/config'
 import { closest } from '../../utils/dom'
 import { hasPromiseSupport } from '../../utils/env'
 import { eventOn, eventOff, stopEvent } from '../../utils/events'
-import {
-  isArray,
-  isFile,
-  isFunction,
-  isNull,
-  isUndefined,
-  isUndefinedOrNull
-} from '../../utils/inspect'
+import { isArray, isFile, isFunction, isNull, isUndefinedOrNull } from '../../utils/inspect'
 import { File } from '../../utils/safe-types'
 import { escapeRegExp } from '../../utils/string'
 import { warn } from '../../utils/warn'
@@ -276,11 +269,9 @@ export const BFormFile = /*#__PURE__*/ Vue.extend({
     },
     computedFileNameFormatter() {
       const { fileNameFormatter } = this
-      let result = null
-      try {
-        result = fileNameFormatter()
-      } catch {}
-      return isUndefined(result) ? this.defaultFileNameFormatter : fileNameFormatter
+      return fileNameFormatter.name !== 'default'
+        ? fileNameFormatter
+        : this.defaultFileNameFormatter
     },
     clonedFiles() {
       return cloneDeep(this.files)

diff --git a/src/components/form-group/form-group.js b/src/components/form-group/form-group.js
@@ -419,7 +419,7 @@ export const BFormGroup = {
           id: this.safeId(),
           disabled: isFieldset ? this.disabled : null,
           role: isFieldset ? null : 'group',
-          'aria-invalid': state === false ? 'true' : null,
+          'aria-invalid': this.computedAriaInvalid,
           // Only apply aria-labelledby if we are a horizontal fieldset
           // as the legend is no longer a direct child of fieldset
           'aria-labelledby': isFieldset && isHorizontal ? labelId : null,

diff --git a/src/components/form-input/README.md b/src/components/form-input/README.md
@@ -75,7 +75,7 @@ rendered and a console warning will be issued.
 **Caveats with input types:**
 
 - Not all browsers support all input types, nor do some types render in the same format across
-  browser types/versions. Refer to [caniuse.com](https://caniuse.com/#search=input).
+  browser types/versions. Refer to [Can I use](https://caniuse.com/?search=input).
 - Browsers that do not support a particular type will fall back to a `text` input type (even though
   the rendered `type` attribute markup shows the requested type).
 - No testing is performed to see if the requested input type is supported by the browser.
@@ -474,7 +474,7 @@ from an array of options.
 - Datalists **cannot** be applied to input fields with type `password`, `range` or `color`.
 - Not all browsers fully support `<datalist>` and implementations can be buggy. It is recommended
   that datalists be treated as an enhancement and not be relied upon at this time. Check
-  [Can I Use](https://caniuse.com/#feat=datalist) for full support details on all browsers.
+  [Can I use](https://caniuse.com/datalist) for full support details on all browsers.
 
 ## `v-model` modifiers