From c644db39b5da9410e549741ad3fa07e4f276b267 Mon Sep 17 00:00:00 2001
From: Jaron <jaron@hat.fish>
Date: Sun, 14 Jun 2026 17:39:10 -0500
Subject: [PATCH] Added SEO metadata

---
 app/pages/index.vue             | 10 ++++++++
 app/pages/writing/[...slug].vue | 41 +++++++++++++++++++--------------
 2 files changed, 34 insertions(+), 17 deletions(-)

diff --git a/app/pages/index.vue b/app/pages/index.vue
index 69b8e7f..e344728 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -30,6 +30,16 @@ useHead({
     title: pageTitle,
 });
 
+useSeoMeta({
+    title: "Hey, I'm Jaron",
+    ogTitle: "Hey, I'm Jaron",
+    description:
+        'Software Engineer. I build things to solve problems from the ground up.',
+    ogDescription:
+        'Software Engineer. I build things to solve problems from the ground up.',
+    ogUrl: useRequestURL().href,
+});
+
 definePageMeta({
     layout: false,
 });
diff --git a/app/pages/writing/[...slug].vue b/app/pages/writing/[...slug].vue
index 3ef9c5f..9c76736 100644
--- a/app/pages/writing/[...slug].vue
+++ b/app/pages/writing/[...slug].vue
@@ -12,7 +12,10 @@ if (!page.value) {
 
 useSeoMeta({
     title: page.value?.title,
+    ogTitle: page.value?.title,
     description: page.value?.description,
+    ogDescription: page.value?.description,
+    ogUrl: useRequestURL().href,
 });
 
 definePageMeta({
@@ -23,23 +26,27 @@ definePageMeta({
 <template>
     <div>
         <NuxtLayout
-        name="main"
-        :title="page?.title"
-        :description="page?.description"
-    >
-        <template #header-upper>
-            <div class="header-upper-inner">
-                <NuxtLink
-                    to="/writing"
-                    class="back-link"
-                    aria-label="Back to writing"
-                >
-                    <span class="arrow">←</span>
-                    <span>Back</span>
-                </NuxtLink>
-            </div>
-        </template>
-        <ContentRenderer class="writing__content" v-if="page" :value="page" />
+            name="main"
+            :title="page?.title"
+            :description="page?.description"
+        >
+            <template #header-upper>
+                <div class="header-upper-inner">
+                    <NuxtLink
+                        to="/writing"
+                        class="back-link"
+                        aria-label="Back to writing"
+                    >
+                        <span class="arrow">←</span>
+                        <span>Back</span>
+                    </NuxtLink>
+                </div>
+            </template>
+            <ContentRenderer
+                class="writing__content"
+                v-if="page"
+                :value="page"
+            />
         </NuxtLayout>
     </div>
 </template>