refactor: small refactors and fixes in components

Author: woothu

src/components/Button/CButton.vue

@@ -90,7 +90,11 @@ export default {
       domProps,
       on
     }
-    return h(isButton ? 'button' : CLink , mergeData(data, componentData), children)
+    return h(
+      isButton ? 'button' : CLink, 
+      mergeData(data, componentData), 
+      children
+    )
   }
 }
 </script>

src/components/Form/formProps.js

@@ -35,7 +35,7 @@ const props = Object.assign({}, universalProps, {
 const textInputsProps = {
   readonly: Boolean,
   plaintext: Boolean,
-  value: String,
+  value: [String, Number],
   lazy: {
     type: [Boolean, Number],
     default: 400

src/components/Form/index.js

@@ -5,6 +5,7 @@ import CFormFile from './CFormFile'
 import CFormTextarea from './CFormTextarea'
 import CFormSelect from './CFormSelect'
 import CFormRadio from './CFormRadio'
+import CFormGroup from './CFormGroup'
 
 export {
   CForm,
@@ -13,5 +14,6 @@ export {
   CFormFile,
   CFormTextarea,
   CFormSelect,
-  CFormRadio
+  CFormRadio,
+  CFormGroup
 }

src/components/Switch/CSwitch.vue

@@ -5,13 +5,13 @@
       :type="type"
       :checked="isChecked"
       :value="value"
-      class="switch-input form-check-input"
+      class="c-switch-input form-check-input"
       @change="toggle"
     >
     <span
       :data-checked="labelOn"
       :data-unchecked="labelOff"
-      class="switch-slider"
+      class="c-switch-slider"
     >
     </span>
   </label>
@@ -72,12 +72,12 @@ export default {
       const outlineString = this.outline ? '-outline' : ''
       const outlinedAltString = this.outline === 'alt' ? '-alt' : ''
       return [
-        'switch form-check-label',
-        `switch${outlineString}-${this.variant}${outlinedAltString}`,
+        'c-switch form-check-label',
+        `c-switch${outlineString}-${this.variant}${outlinedAltString}`,
         {
-          [`switch-${this.size}`]: this.size,
-          [`switch-${this.shape}`]: this.shape,
-          'switch-label': this.labelOn || this.labelOff
+          [`c-switch-${this.size}`]: this.size,
+          [`c-switch-${this.shape}`]: this.shape,
+          'c-switch-label': this.labelOn || this.labelOff
         }
       ]
     }

src/components/Widgets/CWidgetDropdown.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="card" :class="`bg-${variant}`">
+  <div class="card" :class="`bg-${variant} text-white`">
     <slot name="header"></slot>
     <div class="card-body pb-0">
       <slot></slot>

src/components/Widgets/CWidgetHeaderDetails.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="card" :class="`bg-${variant}`">
+  <div class="card" :class="`bg-${variant} text-white`">
     <div class="card-header">
       <div class="font-weight-bold">
         <span v-if="rightHeader">{{rightHeader}}</span>