From b739e46fe7fb1d1c16c80af1cf1e3646dc4559ab Mon Sep 17 00:00:00 2001
From: eggy <eggyrules@gmail.com>
Date: Wed, 10 Aug 2022 11:40:02 -0400
Subject: [PATCH] feat: make totop optional and normal

---
 components/ButtonToTop.vue | 11 ++---------
 layouts/default.vue        |  4 ++--
 layouts/error.vue          |  1 +
 layouts/withtop.vue        | 17 +++++++++++++++++
 pages/index.vue            |  1 +
 5 files changed, 23 insertions(+), 11 deletions(-)
 create mode 100644 layouts/error.vue
 create mode 100644 layouts/withtop.vue

diff --git a/components/ButtonToTop.vue b/components/ButtonToTop.vue
index 0cf2c14..2247c20 100644
--- a/components/ButtonToTop.vue
+++ b/components/ButtonToTop.vue
@@ -1,23 +1,16 @@
 <template>
-  <Teleport to="body"> <a href="#" class="go-top" /></Teleport>
+  <a href="#" class="go-top" />
 </template>
 
-<style>
-body {
-  display: grid;
-  grid-template-columns: 0 auto;
-}
-</style>
-
 <style scoped>
 .go-top {
   --offset: 20rem;
   position: sticky;
   bottom: 1rem;
   left: 1rem;
+  margin-right: 1rem;
   place-self: end;
   margin-top: calc(100vh + var(--offset));
-
   width: 2rem;
   height: 2rem;
   background: #ff8b24;
diff --git a/layouts/default.vue b/layouts/default.vue
index c37d612..a572d71 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
-import Navbar from "../components/Navbar.vue";
-
+// this is in /components so i can import the thing
 useHead({ title: "Eggworld" });
 </script>
 
@@ -25,6 +24,7 @@ useHead({ title: "Eggworld" });
       </p>
     </footer>
   </div>
+  <slot name="top-button" />
 </template>
 
 <style>
diff --git a/layouts/error.vue b/layouts/error.vue
new file mode 100644
index 0000000..c54ac3a
--- /dev/null
+++ b/layouts/error.vue
@@ -0,0 +1 @@
+<template>error!</template>
diff --git a/layouts/withtop.vue b/layouts/withtop.vue
new file mode 100644
index 0000000..8a43afd
--- /dev/null
+++ b/layouts/withtop.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import Default from "./default.vue";
+</script>
+
+<template>
+  <Default>
+    <slot />
+    <template #top-button> <ButtonToTop /> </template>
+  </Default>
+</template>
+
+<style>
+div#__nuxt {
+  display: grid;
+  grid-template-columns: auto 0;
+}
+</style>
diff --git a/pages/index.vue b/pages/index.vue
index e61296b..c8a859b 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -2,6 +2,7 @@
 import Services from "@/components/index/services.vue";
 import About from "@/components/index/about.vue";
 
+definePageMeta({ layout: "withtop" });
 useTitle("Home");
 </script>