feat(theme-default): support navbar and sidebar slot for Layout.vue

Author: meteorlxy

docs/advanced/cookbook/extending-a-theme.md

@@ -126,8 +126,10 @@ You will add a custom footer to every normal pages in default theme (excluding h
 
 Here are all the slots that provided by the `Layout` of default theme:
 
+- `navbar`
 - `navbar-before`
 - `navbar-after`
+- `sidebar`
 - `sidebar-top`
 - `sidebar-bottom`
 - `page`

docs/zh/advanced/cookbook/extending-a-theme.md

@@ -126,8 +126,10 @@ export default {
 
 下面列出了默认主题的 `Layout` 所提供的所有插槽：
 
+- `navbar`
 - `navbar-before`
 - `navbar-after`
+- `sidebar`
 - `sidebar-top`
 - `sidebar-bottom`
 - `page`

packages/@vuepress/theme-default/src/client/layouts/Layout.vue

@@ -5,25 +5,29 @@
     @touchstart="onTouchStart"
     @touchend="onTouchEnd"
   >
-    <Navbar v-if="shouldShowNavbar" @toggle-sidebar="toggleSidebar">
-      <template #before>
-        <slot name="navbar-before" />
-      </template>
-      <template #after>
-        <slot name="navbar-after" />
-      </template>
-    </Navbar>
+    <slot name="navbar">
+      <Navbar v-if="shouldShowNavbar" @toggle-sidebar="toggleSidebar">
+        <template #before>
+          <slot name="navbar-before" />
+        </template>
+        <template #after>
+          <slot name="navbar-after" />
+        </template>
+      </Navbar>
+    </slot>
 
     <div class="sidebar-mask" @click="toggleSidebar(false)" />
 
-    <Sidebar>
-      <template #top>
-        <slot name="sidebar-top" />
-      </template>
-      <template #bottom>
-        <slot name="sidebar-bottom" />
-      </template>
-    </Sidebar>
+    <slot name="sidebar">
+      <Sidebar>
+        <template #top>
+          <slot name="sidebar-top" />
+        </template>
+        <template #bottom>
+          <slot name="sidebar-bottom" />
+        </template>
+      </Sidebar>
+    </slot>
 
     <slot name="page">
       <Home v-if="frontmatter.home" />