feat: trial hamburger menu

pages/[...slug].vue

@@ -1,3 +1,5 @@
+<script setup lang="ts"></script>
+
 <template>
   <ContentDoc tag="article" class="prose dark:prose-invert">
     <template #not-found>

pages/about.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-useHead({ title: "About | Eggworld" });
+useTitle("About");
 </script>
 
 <template>

pages/blog.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-useHead({ title: "Blog | Eggworld" });
+useTitle("Blog");
 </script>
 
 <template></template>

pages/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-useHead({ title: "Home | Eggworld" });
+useTitle("Home");
 </script>
 
 <template>
@@ -11,6 +11,8 @@ useHead({ title: "Home | Eggworld" });
       <HomeStatBox>Latest story</HomeStatBox>
       <HomeStatBox>Latest commit w/details</HomeStatBox>
     </div>
+    <p>SERVICES</p>
+    <p>ABOUT</p>
   </main>
 </template>
 

pages/stories.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-useHead({ title: "Stories | Eggworld" });
+useTitle("Stories");
 </script>
 
 <template></template>