From 684170682ea6259a497f26fdae36dfa4da968d41 Mon Sep 17 00:00:00 2001
From: softwarewright <softwarebywright@gmail.com>
Date: Sun, 13 Oct 2019 23:34:57 -0600
Subject: [PATCH] fix(1950): use templates so that slots can be used for pages
 and slots

---
 .../theme-default/layouts/Layout.vue          | 28 ++++++++-----------
 .../@vuepress/theme-vue/layouts/Layout.vue    |  8 ++++--
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/packages/@vuepress/theme-default/layouts/Layout.vue b/packages/@vuepress/theme-default/layouts/Layout.vue
index c472f6bf5e..4d109915f5 100644
--- a/packages/@vuepress/theme-default/layouts/Layout.vue
+++ b/packages/@vuepress/theme-default/layouts/Layout.vue
@@ -19,14 +19,12 @@
       :items="sidebarItems"
       @toggle-sidebar="toggleSidebar"
     >
-      <slot
-        name="sidebar-top"
-        #top
-      />
-      <slot
-        name="sidebar-bottom"
-        #bottom
-      />
+      <template #top>
+        <slot name="sidebar-top" />
+      </template>
+      <template #bottom>
+        <slot name="sidebar-bottom"/>
+      </template>
     </Sidebar>
 
     <Home v-if="$page.frontmatter.home"/>
@@ -35,14 +33,12 @@
       v-else
       :sidebar-items="sidebarItems"
     >
-      <slot
-        name="page-top"
-        #top
-      />
-      <slot
-        name="page-bottom"
-        #bottom
-      />
+      <template #top>
+        <slot name="page-top"/>
+      </template>
+      <template #bottom>
+        <slot name="page-bottom"/>
+      </template>
     </Page>
   </div>
 </template>
diff --git a/packages/@vuepress/theme-vue/layouts/Layout.vue b/packages/@vuepress/theme-vue/layouts/Layout.vue
index 383a5772de..0472a9a59b 100644
--- a/packages/@vuepress/theme-vue/layouts/Layout.vue
+++ b/packages/@vuepress/theme-vue/layouts/Layout.vue
@@ -1,7 +1,11 @@
 <template>
   <ParentLayout>
-    <CarbonAds #sidebar-top/>
-    <BuySellAds #page-bottom/>
+    <template #sidebar-top>
+      <CarbonAds/>
+    </template>
+    <template #page-bottom>
+      <BuySellAds/>
+    </template>
   </ParentLayout>
 </template>