refactor: delete 'c-' class prefix, update coreui styles to alpha-v13

src/containers/DefaultHeaderDropdownAccnt.vue

@@ -3,16 +3,16 @@
     nav
     no-caret
     no-popper
-    add-menu-classes="c-dropdown-menu-right"
+    add-menu-classes="dropdown-menu-right"
   >
     <template #toggler-content>
       <img
         src="img/avatars/6.jpg"
-        class="c-img-avatar"
+        class="img-avatar"
         alt="admin@bootstrapmaster.com"
       />
     </template>
-    <CDropdownHeader tag="div" class="c-text-center">
+    <CDropdownHeader tag="div" class="text-center">
       <strong>Account</strong>
     </CDropdownHeader>
     <CDropdownItem>
@@ -33,7 +33,7 @@
     </CDropdownItem>
     <CDropdownHeader
      tag="div"
-      class="c-text-center"
+      class="text-center"
     >
       <strong>Settings</strong>
     </CDropdownHeader>

src/containers/TheFooter.vue

@@ -2,10 +2,10 @@
   <CFooter>
     <div>
       <a href="https://coreui.io">CoreUI</a>
-      <span class="c-ml-1">&copy; 2018 creativeLabs.</span>
+      <span class="ml-1">&copy; 2018 creativeLabs.</span>
     </div>
-    <div class="c-ml-auto">
-      <span class="c-mr-1">Powered by</span>
+    <div class="ml-auto">
+      <span class="mr-1">Powered by</span>
       <a href="https://coreui.io">CoreUI for Vue</a>
     </div>
   </CFooter>

src/containers/TheHeader.vue

@@ -1,13 +1,13 @@
 <template>
   <CHeader fixed>
     <CSidebarToggler 
-      class="c-header-toggler c-d-lg-none c-mr-auto"
+      class="c-header-toggler d-lg-none mr-auto"
       v-c-emit-root-event:c-sidebar-toggle
     />
     <CLink :class="logoClasses" to="/">
       <img
         v-show="sidebarIsMinimized"
-        class="c-navbar-brand-minimized c-d-md-down-none" 
+        class="navbar-brand-minimized d-md-down-none" 
         src="img/brand/sygnet.svg" 
         width="30" 
         height="30" 
@@ -15,14 +15,14 @@
       >
       <img
         v-show="!sidebarIsMinimized"
-        class="c-navbar-brand-full c-d-md-down-none" 
+        class="navbar-brand-full d-md-down-none" 
         src="img/brand/logo.svg" 
         width="89" 
         height="25" 
         alt="CoreUI Logo"
       >
       <img
-        class="c-navbar-brand-full c-d-lg-none" 
+        class="navbar-brand-full d-lg-none" 
         src="img/brand/logo.svg" 
         width="89" 
         height="25" 
@@ -30,20 +30,20 @@
       >
     </CLink>
     <CSidebarToggler 
-      class="c-header-toggler c-d-md-down-none" 
+      class="c-header-toggler d-md-down-none" 
       v-c-emit-root-event:c-sidebar-toggle
     />
-    <ul class="c-header-nav c-d-md-down-none">
-      <CNavItem class="c-px-3" to="/dashboard">Dashboard</CNavItem>
-      <CNavItem class="c-px-3" to="/users" exact>Users</CNavItem>
-      <CNavItem class="c-px-3">Settings</CNavItem>
+    <ul class="c-header-nav d-md-down-none">
+      <CNavItem class="px-3" to="/dashboard">Dashboard</CNavItem>
+      <CNavItem class="px-3" to="/users" exact>Users</CNavItem>
+      <CNavItem class="px-3">Settings</CNavItem>
     </ul>
-    <CNav class="c-header-nav c-ml-auto">
-      <CNavItem class="c-d-md-down-none">
+    <CNav class="c-header-nav ml-auto">
+      <CNavItem class="d-md-down-none">
         <i class="cui-bell"></i>
         <CBadge pill variant="danger">5</CBadge>
       </CNavItem>
-      <CNavItem class="c-d-md-down-none">
+      <CNavItem class="d-md-down-none">
         <i class="cui-list"></i>
       </CNavItem>
       <CNavItem class="d-md-down-none">
@@ -51,10 +51,6 @@
       </CNavItem>
       <DefaultHeaderDropdownAccnt/>
     </CNav>
-    <!-- <CSidebarToggler
-      class="c-header-toggler c-d-md-down-none"
-      aside
-    /> -->
   </CHeader>
 </template>
 

src/containers/TheSidebar.vue

@@ -8,7 +8,7 @@
     <CRenderFunction :contentToRender="nav"/>
     <!-- <CSidebarFooter/> -->
     <CSidebarMinimizer 
-      class="c-d-md-down-none" 
+      class="d-md-down-none" 
       @click.native="minimize = !minimize"
     />
   </CSidebar>