docs: update theme

Author: mrholek

docs/.vuepress/theme-coreui/src/client/components/Header.vue

@@ -1,6 +1,6 @@
 <template>
   <CHeader class="mb-5">
-    <CHeaderToggler class="ms-md-3 d-lg-none" @click="$emit('toggle-sidebar')">
+    <CHeaderToggler class="ms-md-3" @click="$emit('toggle-sidebar')">
       <CIcon icon="cil-menu" size="lg" />
     </CHeaderToggler>
     <CHeaderNav class="ms-auto">

docs/.vuepress/theme-coreui/src/client/components/Sidebar.vue

@@ -5,10 +5,6 @@
     </CSidebarBrand>
     <NavbarLinks />
     <SidebarNav :items="sidebarItems" />
-    <!-- <CSidebarNav>
-      
-      <SidebarChild v-for="item in sidebarItems" :key="item.link || item.text" :item="item" />
-    </CSidebarNav> -->
   </CSidebar>
 </template>
 

docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue

@@ -5,7 +5,7 @@
     @touchstart="onTouchStart"
     @touchend="onTouchEnd"
   >
-    <Sidebar :visible="isSidebarOpen"/>
+    <Sidebar :visible="isSidebarOpen" @visible-change="(event) => isSidebarOpen = event" />
     <div class="wrapper d-flex flex-column min-vh-100">
       <Header @toggle-sidebar="toggleSidebar(!isSidebarOpen)"/>
       <div class="body flex-grow-1 px-3">
@@ -41,36 +41,6 @@
       </div>
       <Footer />
     </div>
-
-    <!-- <div class="sidebar-mask" @click="toggleSidebar(false)" /> -->
-
-    <!-- <Sidebar>
-      <template #top>
-        <slot name="sidebar-top" />
-      </template>
-      <template #bottom>
-        <slot name="sidebar-bottom" />
-      </template>
-    </Sidebar> -->
-
-    <!-- <Home v-if="frontmatter.home" /> -->
-
-    <!-- <Transition
-      v-else
-      name="fade-slide-y"
-      mode="out-in"
-      @before-enter="onBeforeEnter"
-      @before-leave="onBeforeLeave"
-    >
-      <Page :key="page.path">
-        <template #top>
-          <slot name="page-top" />
-        </template>
-        <template #bottom>
-          <slot name="page-bottom" />
-        </template>
-      </Page>
-    </Transition> -->
   </div>
 </template>