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>