refactor: change default variant prop to primary in many components

Author: woothu

src/components/Alert/CAlert.vue

@@ -24,7 +24,7 @@ export default {
   props: {
     variant: {
       type: String,
-      default: 'info'
+      default: 'primary'
     },
     dismissible: Boolean,
     show: {

src/components/Badge/CBadge.vue

@@ -9,7 +9,7 @@ const props = Object.assign(linkProps, {
   },
   variant: {
     type: String,
-    default: 'secondary'
+    default: 'primary'
   },
   pill: Boolean,
   textHtml: String

src/components/Button/CButton.vue

@@ -15,7 +15,7 @@ const btnProps = {
   },
   variant: {
     type: String,
-    default: 'secondary'
+    default: 'primary'
   },
   type: {
     type: String,

src/components/Callout/CCallout.vue

@@ -8,7 +8,10 @@
 export default {
   name: 'CCallout',
   props: {
-    variant: String
+    variant: {
+      type: String,
+      default: 'primary'
+    }
   }
 }
 </script>

src/components/Dropdown/CDropdown.vue

@@ -26,7 +26,7 @@ export default {
     noCaret: Boolean,
     variant: {
       type: String,
-      default: 'secondary'
+      default: 'primary'
     },
     size: {
       type: String,

src/components/ListGroup/CListGroupItem.vue

@@ -10,7 +10,10 @@ const props = Object.assign(
       default: 'div'
     },
     action: Boolean,
-    variant: String,
+    variant: {
+      type: String,
+      default: 'primary'
+    },
   },
   linkPropsFactory()
 )

src/components/Navbar/CNavbar.vue

@@ -7,7 +7,10 @@ export const props = {
     default: 'nav'
   },
   light: Boolean,
-  variant: String,
+  variant: {
+    type: String,
+    default: 'primary'
+  },
   toggleable: {
     type: [Boolean, String],
     default: false,

src/components/Progress/progressProps.js

@@ -1,7 +1,10 @@
 export default {
   height: String,
   // These props can be inherited via the child CProgressBar(s)
-  variant: String,
+  variant: {
+    type: String,
+    default: 'primary'
+  },
   striped: Boolean,
   animated: Boolean,
   precision: {

src/components/Sidebar/CSidebarNavLink.vue

@@ -7,7 +7,7 @@
     <i :class="['c-nav-icon', icon]"></i> {{name}}
     <CBadge
       v-if="badge && badge.text"
-      :variant="badge.variant || 'info'"
+      :variant="badge.variant || 'primary'"
     >
       {{badge.text}}
     </CBadge>
@@ -21,7 +21,6 @@ const props = Object.assign(linkPropsFactory(), {
     name: String,
     icon: [String, Array, Object],
     badge: Object,
-    variant: String,
     url: String
   }
 )

src/components/Spinner/CSpinner.vue

@@ -5,7 +5,10 @@ export default {
   functional: true,
   props: {
     grow: Boolean,
-    variant: String,
+    variant: {
+      type: String,
+      default: 'primary'
+    },
     small: Boolean,
     tag: {
       type: String,

src/components/Switch/CSwitch.vue

@@ -24,7 +24,7 @@ export default {
   props: {
     variant: {
       type: String,
-      default: 'secondary'
+      default: 'primary'
     },
     outline: {
       type: [Boolean, String],

src/components/Widgets/CWidgetBrand.vue

@@ -36,7 +36,7 @@ export default {
   props: {
     variant: {
       type: String,
-      variant: 'primary'
+      default: 'primary'
     },
     rightHeader: String,
     rightFooter: String,