jaron/folio
1
0
Fork 0
mirror of https://github.com/jaronpate/folio.git synced 2026-10-19 01:07:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added SEO metadata

Browse Source
This commit is contained in:
Jaron
2026-06-14 17:39:10 -05:00
parent adac794929
commit c644db39b5
2 changed files with 34 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/pages/index.vue
+10
View File
@@ -30,6 +30,16 @@ useHead({
title: pageTitle, 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({ definePageMeta({
layout: false, layout: false,
}); });
app/pages/writing/[...slug].vue
+24 -17
View File
@@ -12,7 +12,10 @@ if (!page.value) {
useSeoMeta({ useSeoMeta({
title: page.value?.title, title: page.value?.title,
ogTitle: page.value?.title,
description: page.value?.description, description: page.value?.description,
ogDescription: page.value?.description,
ogUrl: useRequestURL().href,
}); });
definePageMeta({ definePageMeta({
@@ -23,23 +26,27 @@ definePageMeta({
<template> <template>
<div> <div>
<NuxtLayout <NuxtLayout
name="main" name="main"
:title="page?.title" :title="page?.title"
:description="page?.description" :description="page?.description"
> >
<template #header-upper> <template #header-upper>
<div class="header-upper-inner"> <div class="header-upper-inner">
<NuxtLink <NuxtLink
to="/writing" to="/writing"
class="back-link" class="back-link"
aria-label="Back to writing" aria-label="Back to writing"
> >
<span class="arrow">←</span> <span class="arrow">←</span>
<span>Back</span> <span>Back</span>
</NuxtLink> </NuxtLink>
</div> </div>
</template> </template>
<ContentRenderer class="writing__content" v-if="page" :value="page" /> <ContentRenderer
class="writing__content"
v-if="page"
:value="page"
/>
</NuxtLayout> </NuxtLayout>
</div> </div>
</template> </template>