fix(b-badge): attribute inheritance (#6217)

src/components/badge/badge.js

@@ -1,10 +1,9 @@
-import { Vue } from '../../vue'
+import { Vue, mergeData } from '../../vue'
 import { NAME_BADGE } from '../../constants/components'
 import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props'
 import { omit, sortKeys } from '../../utils/object'
 import { makeProp, makePropsConfigurable, pluckProps } from '../../utils/props'
 import { isLink } from '../../utils/router'
-import { normalizeSlotMixin } from '../../mixins/normalize-slot'
 import { BLink, props as BLinkProps } from '../link/link'
 
 // --- Props ---
@@ -28,28 +27,29 @@ export const props = makePropsConfigurable(
 // @vue/component
 export const BBadge = /*#__PURE__*/ Vue.extend({
   name: NAME_BADGE,
-  mixins: [normalizeSlotMixin],
+  functional: true,
   props,
-  render(h) {
-    const { variant, $props } = this
-    const link = isLink($props)
-    const tag = link ? BLink : this.tag
+  render(h, { props, data, children }) {
+    const { active, disabled } = props
+    const link = isLink(props)
+    const tag = link ? BLink : props.tag
+    const variant = props.variant || 'secondary'
 
     return h(
       tag,
-      {
+      mergeData(data, {
         staticClass: 'badge',
         class: [
-          variant ? `badge-${variant}` : 'badge-secondary',
+          `badge-${variant}`,
           {
-            'badge-pill': this.pill,
-            active: this.active,
-            disabled: this.disabled
+            'badge-pill': props.pill,
+            active,
+            disabled
           }
         ],
-        props: link ? pluckProps(linkProps, $props) : {}
-      },
-      this.normalizeSlot()
+        props: link ? pluckProps(linkProps, props) : {}
+      }),
+      children
     )
   }
 })