Add hunt detail

app/components/LangSwitcher.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+const { locale, locales } = useI18n();
+
+const availableLocales = computed(() => {
+  return locales.value.filter((i) => i.code !== locale.value);
+});
+
+function l(locale: (typeof locales.value)[0]) {
+  return typeof locale === 'string' ? locale : locale.code;
+}
+</script>
+
+<template>
+  <VaSidebarItem
+    v-for="loc in availableLocales"
+    :key="loc.code"
+    :to="$switchLocalePath(loc.code)"
+    :title="$t('layouts.switch_lang', { locale: $t(`locales.${l(loc)}`) })"
+  >
+    <VaSidebarItemContent>
+      <VaIcon name="language" />
+      <VaSidebarItemTitle>
+        {{ $t('layouts.switch_lang', { locale: $t(`locales.${l(loc)}`) }) }}
+      </VaSidebarItemTitle>
+    </VaSidebarItemContent>
+  </VaSidebarItem>
+</template>

app/components/QuestTags.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+const props = defineProps<{
+  quest: {
+    title: string;
+    textRequired: boolean;
+    pictureRequired: boolean;
+    optional: boolean;
+    points: number;
+    extraPoints: number | null;
+    answer?: {
+      score: number | null;
+    } | null;
+  };
+}>();
+</script>
+
+<template>
+  <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-else class="float-right"
+    >{{ quest.points
+    }}{{ quest.extraPoints ? ` +${quest.extraPoints}` : '' }}</VaChip
+  >
+</template>
+
+<style scoped></style>