From 03527b2fe091ab6bd6b863c82a58c1c8d05d613c Mon Sep 17 00:00:00 2001
From: Pascal Syma <pascal@syma.dev>
Date: Fri, 1 Aug 2025 01:31:11 +0200
Subject: [PATCH] Add dynamic title

---
 app/components/QuestTags.vue                    | 7 ++++---
 app/pages/hunt/[huntSlug]/[questSlug]/index.vue | 8 ++++++++
 app/pages/hunt/[huntSlug]/index.vue             | 7 +++++++
 3 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/app/components/QuestTags.vue b/app/components/QuestTags.vue
index cc9a264..0d4ec72 100644
--- a/app/components/QuestTags.vue
+++ b/app/components/QuestTags.vue
@@ -18,9 +18,10 @@ const props = defineProps<{
   <span>{{ quest.pictureRequired ? '📸' : '📷' }}</span>
   <span title="aaa">{{ quest.textRequired ? '❓' : '❔' }}</span>
   <span class="mx-2">{{ quest.title }}</span>
-  <VaChip v-if="quest.answer?.score" color="success" class="float-right">{{
-    quest.answer?.score || 0
-  }}</VaChip>
+  <VaChip v-if="quest.answer?.score" color="success" class="float-right"
+    >{{ quest.answer?.score || 0 }} / {{ quest.points
+    }}{{ quest.extraPoints ? `+${quest.extraPoints}` : '' }}</VaChip
+  >
   <VaChip v-else class="float-right"
     >{{ quest.points
     }}{{ quest.extraPoints ? ` +${quest.extraPoints}` : '' }}</VaChip
diff --git a/app/pages/hunt/[huntSlug]/[questSlug]/index.vue b/app/pages/hunt/[huntSlug]/[questSlug]/index.vue
index faf322b..8a95165 100644
--- a/app/pages/hunt/[huntSlug]/[questSlug]/index.vue
+++ b/app/pages/hunt/[huntSlug]/[questSlug]/index.vue
@@ -1,6 +1,14 @@
 <script setup lang="ts">
 const app = useNuxtApp();
 const { huntSlug, questSlug } = app.$slugData;
+const { t } = useI18n();
+
+useHead({
+  title: t('layouts.title', {
+    title:
+      [questSlug?.name, huntSlug?.name].join(' | ') || t('layouts.default_tile')
+  })
+});
 </script>
 
 <template>
diff --git a/app/pages/hunt/[huntSlug]/index.vue b/app/pages/hunt/[huntSlug]/index.vue
index 91a07c6..fef31b9 100644
--- a/app/pages/hunt/[huntSlug]/index.vue
+++ b/app/pages/hunt/[huntSlug]/index.vue
@@ -2,12 +2,19 @@
 const app = useNuxtApp();
 const { user } = useUserSession();
 const localePath = useLocalePath();
+const { t } = useI18n();
 
 const { name, id } = app.$slugData.huntSlug!;
 
 const { data, pending } = await useFetch(`/api/hunt/${id}`);
 
 const hideAnswers = ref(true);
+
+useHead({
+  title: t('layouts.title', {
+    title: data.value?.name || name
+  })
+});
 </script>
 
 <template>