v1.0.8

Vue_Full_Project/src/components/Aside.vue

@@ -222,7 +222,7 @@
 import Callout from './Callout'
 import cSwitch from './Switch'
 export default {
-  name: 'aside',
+  name: 'c-aside',
   components: {
     Callout,
     cSwitch

Vue_Full_Project/src/components/Footer.vue

@@ -1,11 +1,11 @@
 <template>
   <footer class="app-footer">
-    <span><a href="http://coreui.io">CoreUI</a> &copy; 2017 creativeLabs.</span>
+    <span><a href="http://coreui.io">CoreUI</a> &copy; 2018 creativeLabs.</span>
     <span class="ml-auto">Powered by <a href="http://coreui.io">CoreUI</a></span>
   </footer>
 </template>
 <script>
 export default {
-  name: 'footer'
+  name: 'c-footer'
 }
 </script>

Vue_Full_Project/src/components/Header.vue

@@ -34,7 +34,7 @@
   import HeaderDropdown from './HeaderDropdown.vue'
 
   export default {
-    name: 'header',
+    name: 'c-header',
     components: {
       HeaderDropdown
     },

Vue_Full_Project/src/components/HeaderDropdown.vue

@@ -11,7 +11,7 @@
         <b-dropdown-header tag="div" class="text-center"><strong>Settings</strong></b-dropdown-header>
         <b-dropdown-item><i class="fa fa-user"></i> Profile</b-dropdown-item>
         <b-dropdown-item><i class="fa fa-wrench"></i> Settings</b-dropdown-item>
-        <b-dropdown-item><i class="fa fa-usd"></i> Payments<b-badge variant="default">{{itemsCount}}</b-badge></b-dropdown-item>
+        <b-dropdown-item><i class="fa fa-usd"></i> Payments<b-badge variant="secondary">{{itemsCount}}</b-badge></b-dropdown-item>
         <b-dropdown-item><i class="fa fa-file"></i> Projects<b-badge variant="primary">{{itemsCount}}</b-badge></b-dropdown-item>
         <b-dropdown-divider></b-dropdown-divider>
         <b-dropdown-item><i class="fa fa-shield"></i> Lock Account</b-dropdown-item>

Vue_Full_Project/src/components/SidebarNavItem.vue

@@ -1,5 +1,5 @@
 <template>
-  <li :class="classList">
+  <li :class="classList" @click="hideMobile">
     <slot></slot>
   </li>
 </template>
@@ -23,6 +23,13 @@
       itemClasses () {
         return this.classes ? this.classes.split(' ') : ''
       }
+    },
+    methods: {
+      hideMobile () {
+        if (document.body.classList.contains('sidebar-mobile-show')) {
+          document.body.classList.toggle('sidebar-mobile-show')
+        }
+      }
     }
   }
 </script>

Vue_Full_Project/src/components/SidebarNavLink.vue

@@ -7,10 +7,8 @@
   </div>
   <div v-else>
     <router-link :to="url" :class="classList">
-      <span @click="hideMobile">
-        <i :class="icon"></i> {{name}}
-        <b-badge v-if="badge && badge.text" :variant="badge.variant">{{badge.text}}</b-badge>
-      </span>
+      <i :class="icon"></i> {{name}}
+      <b-badge v-if="badge && badge.text" :variant="badge.variant">{{badge.text}}</b-badge>
     </router-link>
   </div>
 </template>
@@ -65,13 +63,6 @@
           return false
         }
       }
-    },
-    methods: {
-      hideMobile () {
-        if (document.body.classList.contains('sidebar-mobile-show')) {
-          document.body.classList.toggle('sidebar-mobile-show')
-        }
-      }
     }
   }
 </script>