feat: page title matches the nds screen

This commit is contained in:
2026-02-23 23:38:33 +01:00
parent 60142597ed
commit 41a4137b22

View File

@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
const TITLE = "pihkaal.me"; const TITLE = "Pihkaal";
const DESCRIPTION = const DESCRIPTION =
"23yo developer from Brittany. I love programming and taking photos."; "23yo developer from Brittany. I love programming and taking photos.";
const URL = "https://pihkaal.me"; const URL = "https://pihkaal.me";
@@ -7,6 +7,13 @@ const IMAGE = `${URL}/thumbnail.png`;
const { locale, locales } = useI18n(); const { locale, locales } = useI18n();
const app = useAppStore();
const pageTitle = computed(() => {
if (!app.booted) return TITLE;
const name = app.screen.charAt(0).toUpperCase() + app.screen.slice(1);
return `${name} - Pihkaal`;
});
const ogLocale = computed( const ogLocale = computed(
() => locales.value.find((l) => l.code === locale.value)?.language ?? "en-US", () => locales.value.find((l) => l.code === locale.value)?.language ?? "en-US",
); );
@@ -15,7 +22,7 @@ const ogLocaleAlternate = computed(() =>
); );
useSeoMeta({ useSeoMeta({
title: TITLE, title: pageTitle,
description: DESCRIPTION, description: DESCRIPTION,
author: "pihkaal", author: "pihkaal",
robots: "index, follow", robots: "index, follow",