fix($bvToast,$bvModal): ensure values passed to slots are arrays for Vue.js 2.5.x compatibility (closes bootstrap-vue#3174) (bootstrap-vue#3252)

tmorehouse · web-flow · commit f46b5d8eba99 · 2019-05-07T13:06:16.000-03:00
diff --git a/src/components/modal/helpers/bv-modal.js b/src/components/modal/helpers/bv-modal.js
@@ -4,6 +4,7 @@
 
 import Vue from '../../../utils/vue'
 import BModal, { props as modalProps } from '../modal'
+import { concat } from '../../../utils/array'
 import { getComponentConfig } from '../../../utils/config'
 import { isUndefined, isFunction } from '../../../utils/inspect'
 import {
@@ -129,7 +130,7 @@ const asyncMsgBox = (props, $parent, resolver = defaultResolver) => {
     if (!isUndefined(props[prop])) {
       // Can be a string, or array of VNodes.
       // Alternatively, user can use HTML version of prop to pass an HTML string.
-      msgBox.$slots[propsToSlots[prop]] = props[prop]
+      msgBox.$slots[propsToSlots[prop]] = concat(props[prop])
     }
   })
 
diff --git a/src/components/toast/helpers/bv-toast.js b/src/components/toast/helpers/bv-toast.js
@@ -3,6 +3,7 @@
  */
 
 import Vue from '../../../utils/vue'
+import { concat } from '../../../utils/array'
 import { getComponentConfig } from '../../../utils/config'
 import { requestAF } from '../../../utils/dom'
 import { isUndefined, isString } from '../../../utils/inspect'
@@ -122,7 +123,8 @@ const makeToast = (props, $parent) => {
         // Special case for title if it is a string, we wrap in a <strong>
         value = [$parent.$createElement('strong', { class: 'mr-2' }, value)]
       }
-      toast.$slots[propsToSlots[prop]] = value
+      // Make sure slot value is an array for Vue 2.5.x compatability
+      toast.$slots[propsToSlots[prop]] = concat(value)
     }
   })
 
