refactor: minor refactors

babel.config.js

@@ -1,5 +1,5 @@
 module.exports = {
   presets: [
-    [ "@vue/app", { useBuiltIns: "entry" } ]
+    [ "@vue/app" ]
   ]
 }

src/containers/DefaultHeaderDropdownAccnt.vue

@@ -64,8 +64,8 @@
 <script>
 export default {
   name: 'DefaultHeaderDropdownAccnt',
-  data: () => {
+  data () {
     return { itemsCount: 42 }
-  },
+  }
 }
 </script>

src/containers/TheSidebar.vue

@@ -3,10 +3,10 @@
     fixed 
     :minimize="minimize"
   >
-    <CSidebarHeader/>
+    <!-- <CSidebarHeader/> -->
-    <CSidebarForm/>
+    <!-- <CSidebarForm/> -->
-    <CRenderFunction :contentToRender="navItems"/>
+    <CRenderFunction :contentToRender="nav"/>
-    <CSidebarFooter/>
+    <!-- <CSidebarFooter/> -->
     <CSidebarMinimizer 
       class="c-d-md-down-none" 
       @click.native="minimize = !minimize"
@@ -21,20 +21,7 @@ export default {
   data () {
     return {
       minimize: false,
-      icon: 'cui-speedometer',
+      nav
-      counter: 0
-    }
-  },
-  computed: {
-    navItems () {
-      return nav.map(parentElement => {
-        if (Array.isArray(parentElement)) {
-          return parentElement.filter(item => {
-            return !JSON.stringify(item).includes('Dashboard')
-          })
-        }
-        return parentElement  
-      })
     }
   }
 }

src/containers/_nav.js

@@ -17,16 +17,7 @@ export default [
     ],
     [
       'CSidebarNavTitle',
-      {
+      ['Theme']
-        props: {
-          name: 'Theme',
-          class: '',
-          wrapper: {
-            element: '',
-            attributes: {}
-          }
-        }
-      }
     ],
     [
       'CSidebarNavLink',
@@ -50,15 +41,7 @@ export default [
     ],
     [
       'CSidebarNavTitle',
-      {
+      ['Components']
-        props: {
-          name: 'Components',
-          wrapper: {
-            element: '',
-            attributes: {}
-          }
-        }
-      }
     ],
     [
       'CSidebarNavDropdown',
@@ -402,11 +385,7 @@ export default [
     ],
     [
       'CSidebarNavTitle',
-      {
+      ['Extras']
-        props: {
-         name: 'Extras'
-        }
-      }
     ],
     [
       'CSidebarNavDropdown',

src/views/base/Carousels.vue

@@ -1,8 +1,7 @@
-<template functional>
+<template>
   <div class="c-wrapper">
-    <div>
       <CRow>
-        <CCol md="12" lg="9" >
+      <CCol md="12" lg="7">
           <CCard>
             <CCardHeader>
               <i class="fa fa-align-justify"></i>
@@ -26,14 +25,14 @@
                 height="400px"
               >
                 <CCarouselItem
-                  caption="First Slide"
+                captionHeader="First Slide"
                   image="https://lorempixel.com/1024/480/technics/2/"
-                  text="Nulla vitae elit libero, a pharetra augue mollis interdum."
+                captionText="Nulla vitae elit libero, a pharetra augue mollis interdum."
                 />
                 <CCarouselItem
-                  caption="Blank page"
+                captionHeader="Blank page"
                   :image="{ blankColor: 'grey' }"
-                  text="Nulla vitae elit libero, a pharetra augue mollis interdum."
+                captionText="Nulla vitae elit libero, a pharetra augue mollis interdum."
                 />
                 <CCarouselItem
                  image="https://lorempixel.com/1024/480/technics/8/"
@@ -44,7 +43,6 @@
         </CCol>
       </CRow>
     </div>
-  </div>
 </template>
 
 <script>

src/views/base/Tables.vue

@@ -26,7 +26,6 @@
               options-row
               hover
               :default-column-filter="{ role:'staff' }"
-              :default-sorters="['username', 'asc']"
               :default-filter="2012"
               dark-header
               footer