feat: update title

app/app.vue

@@ -3,8 +3,8 @@ const { locale } = useI18n();
 
 const app = useAppStore();
 const pageTitle = computed(() => {
-  if (!app.booted) return "Pihkaal";
+  if (!app.booted) return "Pihkaal - Developer";
-  return `${$t(`screens.${app.screen}`)} - Pihkaal`;
+  return `${$t(`screens.${app.screen}`)} | Pihkaal - Developer`;
 });
 
 useHead({

app/components/LoadingScreen.vue

@@ -19,7 +19,7 @@ const onClick = () => {
       viewBox="0 0 512 512"
       xmlns="http://www.w3.org/2000/svg"
       class="size-20 transition-[fill] duration-500 animate-pulse"
-      :style="{ fill: isReady ? '#888888' : '#2a2a2a' }"
+      :style="{ fill: isReady ? '#aaaaaa' : '#6f6f6f' }"
     >
       <g>
         <path
@@ -117,7 +117,10 @@ const onClick = () => {
     </svg>
     <span
       class="select-none transition-colors duration-500 animate-pulse"
-      :style="{ color: isReady ? '#888888' : '#2a2a2a', fontFamily: 'NDS10' }"
+      :style="{
+        color: isReady ? '#aaaaaa' : '#6f6f6f',
+        fontFamily: 'NDS10',
+      }"
     >
       {{
         isReady ? t("loadingScreen.clickToStart") : t("loadingScreen.loading")

app/pages/gallery.vue

@@ -6,7 +6,7 @@ import gsap from "gsap";
 
 const { t } = useI18n();
 useHead({
-  title: computed(() => `${t("screens.gallery")} - Pihkaal`),
+  title: computed(() => `${t("screens.gallery")} | Pihkaal - Developper`),
 });
 
 const { data: images } = await useAsyncData(

nuxt.config.ts

@@ -1,4 +1,4 @@
-const TITLE = "Pihkaal";
+const TITLE = "Pihkaal - Developer";
 const DESCRIPTION =
   "23yo developer from Brittany. I love programming and taking photos.";
 const URL = "https://pihkaal.me";