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

Author: woothu

package.json

@@ -14,7 +14,7 @@
     "test:e2e": "vue-cli-service test:e2e"
   },
   "dependencies": {
-    "@coreui/coreui": "next",
+    "@coreui/coreui": "3.0.0-alpha.13",
     "@coreui/coreui-plugin-chartjs-custom-tooltips": "^1.3.1",
     "@coreui/coreui-vue-chartjs": "../coreui-vue-chartjs",
     "@coreui/icons": "github:coreui/coreui-icons#v1-alpha",

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="[email protected]"
       />
     </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,60 +1,56 @@
 <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" 
         alt="CoreUI Logo"
       >
       <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" 
         alt="CoreUI Logo"
       >
     </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">
         <i class="cui-___location-pin"></i>
       </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>

src/router/index.js

@@ -61,7 +61,7 @@ Vue.use(Router)
 
 export default new Router({
   mode: 'hash', // https://router.vuejs.org/api/#mode
-  linkActiveClass: 'c-active',
+  linkActiveClass: 'active',
   scrollBehavior: () => ({ y: 0 }),
   routes: [
     {

src/views/Charts.vue

@@ -1,10 +1,10 @@
 <template>
   <div>
-    <CCardGroup columns class="c-card-columns c-cols-2">
+    <CCardGroup columns class="card-columns cols-2">
       <CCard>
         <CCardHeader>
           Line Chart
-          <div class="c-card-header-actions">
+          <div class="card-header-actions">
             <a 
               href="https://coreui.io/vue/docs/3.0/components/Charts" 
               class="card-header-action"