fix(theme-celesta): avoid use teleport

this is a bug, related: [#127](vuepress/core#127)
yzx9 · Jun 2, 2021 · 72fc7a3 · 72fc7a3
1 parent 571709e
commit 72fc7a3
Showing 1 changed file with 6 additions and 15 deletions.
diff --git 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">