update code

resources/js/src/containers/TheHeader.vue

@@ -0,0 +1,42 @@
+<template>
+  <CHeader fixed with-subheader light>
+    <CToggler
+      in-header
+      class="ml-3 d-lg-none"
+      @click="$store.commit('toggleSidebarMobile')"
+    />
+    <CToggler
+      in-header
+      class="ml-3 d-md-down-none"
+      @click="$store.commit('toggleSidebarDesktop')"
+    />
+    <CHeaderBrand class="mx-auto d-lg-none" to="/">
+      <CIcon name="logo" height="48" alt="Logo"/>
+    </CHeaderBrand>
+    <CHeaderNav class="d-md-down-none mr-auto">
+    </CHeaderNav>
+    <CHeaderNav class="mr-4">
+      <CHeaderNavItem class="d-md-down-none mx-2">
+        <!-- <CHeaderNavLink>
+          <CIcon name="cil-bell"/>
+          <CBadge color="danger" class="ml-auto">1</CBadge>
+        </CHeaderNavLink> -->
+      </CHeaderNavItem>
+      <TheHeaderDropdownAccnt/>
+    </CHeaderNav>
+    <CSubheader class="px-3">
+      <CBreadcrumbRouter class="border-0 mb-0"/>
+    </CSubheader>
+  </CHeader>
+</template>
+
+<script>
+import TheHeaderDropdownAccnt from './TheHeaderDropdownAccnt'
+
+export default {
+  name: 'TheHeader',
+  components: {
+    TheHeaderDropdownAccnt
+  }
+}
+</script>