added json-ld

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',