feat: page title matches the nds screen
This commit is contained in:
11
app/app.vue
11
app/app.vue
@@ -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",
|
||||||
|
|||||||
Reference in New Issue
Block a user