refactor: minor refactors, update snapshots

src/views/base/Table.vue

@@ -1,7 +1,9 @@
 <template>
   <CCard>
     <CCardHeader>
-      <CIcon name="cil-justify-center"/> {{caption}}
+      <slot name="header">
+        <CIcon name="cil-grid"/> {{caption}}
+      </slot>
     </CCardHeader>
     <CCardBody>
       <CDataTable

src/views/base/Tables.vue

@@ -2,10 +2,21 @@
   <div>
     <CRow>
       <CCol lg="6">
-        <CTableWrapper
-          :items="getShuffledUsersData()"
-          caption="Simple Table"
-        />
+        <CTableWrapper :items="getShuffledUsersData()">
+          <template #header>
+            <CIcon name="cil-grid"/> Simple Table
+            <div class="card-header-actions">
+              <a 
+                href="https://coreui.io/vue/docs/components/nav" 
+                class="card-header-action" 
+                rel="noreferrer noopener" 
+                target="_blank"
+              >
+                <small class="text-muted">docs</small>
+              </a>
+            </div>
+          </template>
+        </CTableWrapper>
       </CCol>
 
       <CCol lg="6">
@@ -60,7 +71,7 @@
           small
           fixed
           dark
-          caption="Combined All Table"
+          caption="Combined All dark Table"
         />
       </CCol>
     </CRow>

src/views/charts/CChartBarSimple.vue

@@ -36,7 +36,9 @@ export default {
           data: this.dataPoints,
           backgroundColor: getColor(this.backgroundColor),
           pointHoverBackgroundColor: getColor(this.pointHoverBackgroundColor),
-          label: this.label
+          label: this.label,
+          barPercentage: 0.5,
+          categoryPercentage: 1
         }
       ]
     },
@@ -48,9 +50,7 @@ export default {
         },
         scales: {
           xAxes: [{
-            display: false,
-            categoryPercentage: 1,
-            barPercentage: 0.5
+            display: false
           }],
           yAxes: [{
             display: false

src/views/icons/CoreUIIcons.vue

@@ -43,7 +43,6 @@ export default {
   freeSet,
   methods: {
     toKebabCase (str) {
-      console.log(this.$options.freeSet, this.$options.freeSet.handPointDown)
       return str.replace(/([a-z])([A-Z0-9])/g, '$1-$2').toLowerCase()
     }
   }

src/views/widgets/Widgets.vue

@@ -2,29 +2,25 @@
   <div>
     <CRow>
       <CCol sm="6" lg="3">
-        <CWidgetProgress
-          header="89.9%"
-          text="Lorem ipsum..."
-          footer="Lorem ipsum dolor sit amet enim."
-        >
+        <CWidgetProgress footer="Lorem ipsum dolor sit amet enim.">
+          <div class="h4 m-0">89.9%</div>
+          <div class="card-header-actions">
+            <a 
+              href="https://coreui.io/vue/docs/components/widgets" 
+              class="card-header-action position-absolute"
+              style="right:5px; top:5px"
+              rel="noreferrer noopener" 
+              target="_blank"
+            >
+              <small class="text-muted">docs</small>
+            </a>
+          </div>
+          <div>Lorem ipsum...</div>
           <CProgress
             color="success"
             :value="25"
             class="progress-xs my-3 mb-0"
           />
-          <template #header>
-            <div class="card-header-actions">
-              <a 
-                href="https://coreui.io/vue/docs/components/button-components" 
-                class="card-header-action position-absolute"
-                style="right:10px; top:10px"
-                rel="noreferrer noopener" 
-                target="_blank"
-              >
-                <small class="text-muted">docs</small>
-              </a>
-            </div>
-          </template>
         </CWidgetProgress>
       </CCol>
       <CCol sm="6" lg="3">