fix: small fixes

src/containers/TheHeader.vue

@@ -1,11 +1,17 @@
 <template>
   <CHeader fixed>
-    <CSidebarToggler class="c-header-toggler c-d-lg-none"/>
+    <CSidebarToggler 
+      class="c-header-toggler c-d-lg-none"
+      v-c-emit-root-event:c-sidebar-toggle
+    />
     <CLink class="c-header-brand" to="#">
       <img class="c-navbar-brand-full" src="img/brand/logo.svg" width="89" height="25" alt="CoreUI Logo">
       <!-- <img class="c-navbar-brand-minimized" src="img/brand/sygnet.svg" width="30" height="30" alt="CoreUI Logo"> -->
     </CLink>
-    <CSidebarToggler class="c-header-toggler c-d-md-down-none"/>
+    <CSidebarToggler 
+      class="c-header-toggler c-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>

src/containers/TheSidebar.vue

@@ -1,10 +1,10 @@
 <template>
-  <CSidebar fixed>
+  <CSidebar fixed :minimize="minimize">
     <CSidebarHeader/>
     <CSidebarForm/>
     <CSidebarNav :nav-items="computedNav"/>
     <CSidebarFooter/>
-    <CSidebarMinimizer/>
+    <CSidebarMinimizer @click="minimize = !minimize"/>
   </CSidebar>
 </template>
 
@@ -12,6 +12,11 @@
 import nav from './_nav'
 export default {
   name: 'TheSidebar',
+  data () {
+    return {
+      minimize: false
+    }
+  },
   computed: {
     computedNav () {
       return nav.items.filter(item => item.name !== 'Dashboard')