From 72fc7a3914070308c7e1854e71ad2eda87a09bd8 Mon Sep 17 00:00:00 2001
From: Celeste <yuan.zx@outlook.com>
Date: Wed, 2 Jun 2021 18:45:27 +0800
Subject: [PATCH] fix(theme-celesta): avoid use teleport

this is a bug, related: [#127](https://github.com/vuepress/vuepress-next/issues/127)
---
 .../src/client/layouts/BaseLayout.vue         | 21 ++++++-------------
 1 file changed, 6 insertions(+), 15 deletions(-)

diff --git a/packages/theme-celesta/src/client/layouts/BaseLayout.vue b/packages/theme-celesta/src/client/layouts/BaseLayout.vue
index 09786c2..b1857a9 100644
--- a/packages/theme-celesta/src/client/layouts/BaseLayout.vue
+++ b/packages/theme-celesta/src/client/layouts/BaseLayout.vue
@@ -22,26 +22,17 @@
       </slot>
     </footer>
 
-    <teleport to="body">
-      <nav class="overflow-hidden z-50">
-        <slot name="nav">
-          <Navbar />
-        </slot>
-      </nav>
-    </teleport>
+    <nav class="overflow-hidden z-50">
+      <slot name="nav">
+        <Navbar />
+      </slot>
+    </nav>
   </div>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 import Navbar from "../components/Navbar.vue"
 import Footer from "../components/Footer.vue"
-
-export default {
-  components: {
-    Navbar,
-    Footer,
-  },
-}
 </script>
 
 <style lang="postcss">