From 36abe61de01d46b6caceaf3d5e1aec059c9d8e79 Mon Sep 17 00:00:00 2001
From: Jaron <jaron@hat.fish>
Date: Mon, 22 Jun 2026 00:44:50 -0500
Subject: [PATCH] added json-ld

---
 app/app.vue                     | 50 ++++++++++++++++++++++++++++
 app/pages/index.vue             | 59 ++++++++++++++++++++++++++++++++-
 app/pages/writing/[...slug].vue | 30 +++++++++++++++++
 app/pages/writing/index.vue     | 34 +++++++++++++++++++
 4 files changed, 172 insertions(+), 1 deletion(-)

diff --git a/app/app.vue b/app/app.vue
index 696fc10..149211d 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -6,8 +6,58 @@ TODO:
 <script setup lang="ts">
 import '~/assets/css/main.css';
 
+const siteUrl = 'https://jaron.sh';
+const personId = `${siteUrl}/#person`;
+const websiteId = `${siteUrl}/#website`;
+
+const jsonLd = {
+    '@context': 'https://schema.org',
+    '@graph': [
+        {
+            '@type': 'Person',
+            '@id': personId,
+            name: 'Jaron Pate',
+            url: siteUrl,
+            email: 'mailto:yo@jp.wtf',
+            jobTitle: 'Software Engineer',
+            homeLocation: {
+                '@type': 'Place',
+                name: 'Austin, TX',
+            },
+            sameAs: [
+                'https://github.com/jaronpate',
+                'https://www.linkedin.com/in/jaronp/',
+            ],
+            knowsAbout: [
+                'Software engineering',
+                'Frontend development',
+                'Product engineering',
+                'Web applications',
+            ],
+        },
+        {
+            '@type': 'WebSite',
+            '@id': websiteId,
+            url: siteUrl,
+            name: 'Jaron Pate',
+            description:
+                'Personal site and portfolio for Jaron Pate, a software engineer in Austin, TX.',
+            inLanguage: 'en-US',
+            author: { '@id': personId },
+            publisher: { '@id': personId },
+        },
+    ],
+};
+
 useHead({
     link: [{ rel: 'icon', type: 'image/png', href: '/favicon.png' }],
+    script: [
+        {
+            key: 'json-ld-site',
+            type: 'application/ld+json',
+            innerHTML: JSON.stringify(jsonLd),
+        },
+    ],
 });
 
 onMounted(() => {});
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 7364b67..b4b37ec 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -6,6 +6,11 @@ let sectionsRevealed = false;
 <script setup lang="ts">
 import { ref } from 'vue';
 
+const siteUrl = 'https://jaron.sh';
+const currentUrl = useRequestURL().href;
+const personId = `${siteUrl}/#person`;
+const webpageId = `${siteUrl}/#homepage`;
+
 useSeoMeta({
     title: "Hey, I'm Jaron.",
     ogTitle: "Hey, I'm Jaron.",
@@ -13,7 +18,7 @@ useSeoMeta({
         '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,
+    ogUrl: currentUrl,
 });
 
 const titles = [
@@ -103,6 +108,58 @@ const projects = [
     },
 ];
 
+useHead({
+    script: [
+        {
+            key: 'json-ld-homepage',
+            type: 'application/ld+json',
+            innerHTML: JSON.stringify({
+                '@context': 'https://schema.org',
+                '@type': 'ProfilePage',
+                '@id': webpageId,
+                url: siteUrl,
+                name: "Hey, I'm Jaron.",
+                description:
+                    'Software Engineer. I build things to solve problems from the ground up.',
+                inLanguage: 'en-US',
+                isPartOf: { '@id': `${siteUrl}/#website` },
+                about: { '@id': personId },
+                mainEntity: { '@id': personId },
+                hasPart: [
+                    {
+                        '@type': 'ItemList',
+                        name: 'Selected work',
+                        itemListElement: selectedWorks.map((work, index) => ({
+                            '@type': 'ListItem',
+                            position: index + 1,
+                            item: {
+                                '@type': 'CreativeWork',
+                                name: work.title,
+                                description: work.description,
+                                url: work.link,
+                            },
+                        })),
+                    },
+                    {
+                        '@type': 'ItemList',
+                        name: 'Projects',
+                        itemListElement: projects.map((project, index) => ({
+                            '@type': 'ListItem',
+                            position: index + 1,
+                            item: {
+                                '@type': 'CreativeWork',
+                                name: project.title,
+                                description: project.description,
+                                url: project.href,
+                            },
+                        })),
+                    },
+                ],
+            }),
+        },
+    ],
+});
+
 const photos = [
     {
         src: '/photography/athens_red_scooter.jpg',
diff --git a/app/pages/writing/[...slug].vue b/app/pages/writing/[...slug].vue
index 9c76736..33e4978 100644
--- a/app/pages/writing/[...slug].vue
+++ b/app/pages/writing/[...slug].vue
@@ -1,5 +1,8 @@
 <script lang="ts" setup>
 const route = useRoute();
+const siteUrl = 'https://jaron.sh';
+const personId = `${siteUrl}/#person`;
+const articleUrl = `${siteUrl}${route.path}`;
 const { data: page } = await useAsyncData(route.path, () => {
     return queryCollection('writing')
         .path(route.path.replace('/writing/', ''))
@@ -18,6 +21,33 @@ useSeoMeta({
     ogUrl: useRequestURL().href,
 });
 
+useHead({
+    script: [
+        {
+            key: 'json-ld-article',
+            type: 'application/ld+json',
+            innerHTML: JSON.stringify({
+                '@context': 'https://schema.org',
+                '@type': 'BlogPosting',
+                '@id': `${articleUrl}#article`,
+                url: articleUrl,
+                headline: page.value.title,
+                description: page.value.description,
+                datePublished: new Date(page.value.date).toISOString(),
+                dateModified: new Date(page.value.date).toISOString(),
+                inLanguage: 'en-US',
+                isPartOf: { '@id': `${siteUrl}/#website` },
+                mainEntityOfPage: {
+                    '@type': 'WebPage',
+                    '@id': articleUrl,
+                },
+                author: { '@id': personId },
+                publisher: { '@id': personId },
+            }),
+        },
+    ],
+});
+
 definePageMeta({
     layout: false,
 });
diff --git a/app/pages/writing/index.vue b/app/pages/writing/index.vue
index d2494b0..f4817b7 100644
--- a/app/pages/writing/index.vue
+++ b/app/pages/writing/index.vue
@@ -4,6 +4,40 @@
 // );
 const pages: any[] = [];
 
+const siteUrl = 'https://jaron.sh';
+const writingUrl = `${siteUrl}/writing`;
+
+useSeoMeta({
+    title: 'Writing',
+    ogTitle: 'Writing',
+    description:
+        "Thoughts I've had here and there. Maybe you'll find something helpful or interesting here.",
+    ogDescription:
+        "Thoughts I've had here and there. Maybe you'll find something helpful or interesting here.",
+    ogUrl: useRequestURL().href,
+});
+
+useHead({
+    script: [
+        {
+            key: 'json-ld-writing',
+            type: 'application/ld+json',
+            innerHTML: JSON.stringify({
+                '@context': 'https://schema.org',
+                '@type': 'CollectionPage',
+                '@id': `${writingUrl}#collection`,
+                url: writingUrl,
+                name: 'Writing',
+                description:
+                    "Thoughts I've had here and there. Maybe you'll find something helpful or interesting here.",
+                inLanguage: 'en-US',
+                isPartOf: { '@id': `${siteUrl}/#website` },
+                author: { '@id': `${siteUrl}/#person` },
+            }),
+        },
+    ],
+});
+
 const formatDate = (dateString: string) => {
     const date = new Date(dateString);
     // ex. May 5, 2026