Add quest page

app/layouts/default.vue

@@ -1,14 +1,19 @@
 <script setup lang="ts">
+import { useTitleStore } from '~/stores/title';
+
 const { loggedIn, clear } = useUserSession();
 
 const route = useRoute();
 const breakpoints = useBreakpoint();
+const titleStore = useTitleStore();
 
 const isSidebarVisible = ref(breakpoints.mdUp);
 
 watchEffect(() => {
   isSidebarVisible.value = breakpoints.smUp;
 });
+
+const slugs = computed(() => checkSlug(route.params));
 </script>
 
 <template>
@@ -31,7 +36,9 @@ watchEffect(() => {
             @click="isSidebarVisible = !isSidebarVisible"
           />
         </template>
-        <template #center>{{ $t('layouts.default_tile') }}</template>
+        <template #center>
+          {{ titleStore.title || $t('layouts.default_tile') }}</template
+        >
       </VaNavbar>
     </template>
 
@@ -46,6 +53,40 @@ watchEffect(() => {
             <VaSidebarItemTitle>Home</VaSidebarItemTitle>
           </VaSidebarItemContent>
         </VaSidebarItem>
+        <VaSidebarItem
+          v-if="slugs?.huntSlug"
+          :to="$localePath(`/hunt/${sluggy(slugs.huntSlug)}`)"
+          :active="
+            $localePath(`/hunt/${sluggy(slugs.huntSlug)}`) === route.path
+          "
+        >
+          <VaSidebarItemContent>
+            <VaIcon name="camera_indoor" />
+            <VaSidebarItemTitle>{{
+              slugs.huntSlug.name || 'Hunt'
+            }}</VaSidebarItemTitle>
+          </VaSidebarItemContent>
+        </VaSidebarItem>
+        <VaSidebarItem
+          v-if="slugs?.huntSlug && slugs?.questSlug"
+          :to="
+            $localePath(
+              `/hunt/${sluggy(slugs.huntSlug)}/${sluggy(slugs.questSlug)}`
+            )
+          "
+          :active="
+            $localePath(
+              `/hunt/${sluggy(slugs.huntSlug)}/${sluggy(slugs.questSlug)}`
+            ) === route.path
+          "
+        >
+          <VaSidebarItemContent>
+            <VaIcon name="question_mark" />
+            <VaSidebarItemTitle>{{
+              slugs.questSlug.name || 'Quest'
+            }}</VaSidebarItemTitle>
+          </VaSidebarItemContent>
+        </VaSidebarItem>
         <VaSpacer />
         <VaSidebarItem v-if="loggedIn" @click="clear">
           <VaSidebarItemContent>