refactor: change container component names

src/containers/TheHeader.vue

@@ -26,7 +26,7 @@
       <CHeaderNavItem class="d-md-down-none mx-2">
         <i class="cui-envelope-open"></i>
       </CHeaderNavItem>
-      <DefaultHeaderDropdownAccnt/>
+      <TheHeaderDropdownAccnt/>
     </ul>
     <div class="c-subheader px-3">
       <CBreadcrumbRouter class="border-0"/>
@@ -35,12 +35,12 @@
 </template>
 
 <script>
-import DefaultHeaderDropdownAccnt from './DefaultHeaderDropdownAccnt'
+import TheHeaderDropdownAccnt from './TheHeaderDropdownAccnt'
 
 export default {
   name: 'TheHeader',
   components: {
-    DefaultHeaderDropdownAccnt
+    TheHeaderDropdownAccnt
   }
 }
 </script>

src/containers/TheHeaderDropdownAccnt.vue

@@ -67,7 +67,7 @@
 
 <script>
 export default {
-  name: 'DefaultHeaderDropdownAccnt',
+  name: 'TheHeaderDropdownAccnt',
   data () {
     return { itemsCount: 42 }
   }

src/router/index.js

@@ -2,7 +2,7 @@ import Vue from 'vue'
 import Router from 'vue-router'
 
 // Containers
-const DefaultContainer = () => import('@/containers/DefaultContainer')
+const TheContainer = () => import('@/containers/TheContainer')
 
 // Views
 const Dashboard = () => import('@/views/Dashboard')
@@ -63,12 +63,16 @@ export default new Router({
   mode: 'hash', // https://router.vuejs.org/api/#mode
   linkActiveClass: 'active',
   scrollBehavior: () => ({ y: 0 }),
-  routes: [
+  routes: configRoutes()
+})
+
+function configRoutes () {
+  return [
     {
       path: '/',
       redirect: '/dashboard',
       name: 'Home',
-      component: DefaultContainer,
+      component: TheContainer,
       children: [
         {
           path: 'dashboard',
@@ -327,4 +331,5 @@ export default new Router({
       ]
     }
   ]
-})
+}
+