add titles

components/Navbar.vue

@@ -21,7 +21,7 @@ import IconHamburger from "@/assets/images/hamburger.svg?component";
 
 <style scoped>
 nav {
-  height: 5rem;
+  height: 4rem;
   width: 100%;
   border: 1px solid red;
   padding: 1rem;

content/blog/index.md

@@ -1,5 +0,0 @@
-*markdown*
-
-**is great**
-
-but this is cool

layouts/default.vue

@@ -1,9 +1,11 @@
 <script setup lang="ts">
 import Navbar from "../components/Navbar.vue";
+
+useHead({ title: "Eggworld" });
 </script>
 
 <template>
-  <div class="flex flex-col items-center w-full h-full">
+  <div class="flex flex-col items-center w-full h-full justify-between">
     <Navbar />
     <slot />
     <footer

pages/about.vue

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

pages/blog.vue

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

pages/index.vue

@@ -1,4 +1,6 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+useHead({ title: "Home | Eggworld" });
+</script>
 
 <template>
   <main class="flex flex-col items-center justify-evenly">

pages/stories.vue

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