Update badge.js

tmorehouse · web-flow · commit 428d515a7fc0 · 2019-03-23T19:28:30.000-03:00
diff --git a/src/components/badge/badge.js b/src/components/badge/badge.js
@@ -1,8 +1,10 @@
 import { mergeData } from 'vue-functional-data-merge'
-
+import { getConfigComponent } from '../../utils/config'
 import pluckProps from '../../utils/pluck-props'
 import Link, { propsFactory as linkPropsFactory } from '../link/link'
 
+const NAME = 'BBadge'
+
 let linkProps = linkPropsFactory()
 delete linkProps.href.default
 delete linkProps.to.default
@@ -15,7 +17,7 @@ export const props = {
   },
   variant: {
     type: String,
-    default: 'secondary'
+    default: getConfigComponent(NAME, 'variant')
   },
   pill: {
     type: Boolean,
@@ -25,7 +27,7 @@ export const props = {
 
 // @vue/component
 export default {
-  name: 'BBadge',
+  name: NAME,
   functional: true,
   props,
   render(h, { props, data, children }) {
@@ -34,7 +36,7 @@ export default {
     const componentData = {
       staticClass: 'badge',
       class: [
-        !props.variant ? 'badge-secondary' : `badge-${props.variant}`,
+        `badge-${props.variant || getConfigComponent(NAME, 'variant')}`,
         {
           'badge-pill': Boolean(props.pill),
           active: props.active,
