From f973982ec48238b74c5ba18949a7aaaf94b79f21 Mon Sep 17 00:00:00 2001
From: wancat <wancat@wancat.cc>
Date: Sat, 11 Nov 2023 17:44:41 +0800
Subject: [PATCH] feat: use dynamic route to select quest (no error handling
 yet)

---
 app/src/components/GameHeaderPart.vue | 20 +++-----------------
 app/src/router.js                     |  3 ++-
 app/src/views/GamePage.vue            |  9 ++++++++-
 3 files changed, 13 insertions(+), 19 deletions(-)

diff --git a/app/src/components/GameHeaderPart.vue b/app/src/components/GameHeaderPart.vue
index 7fb256b..43c589a 100644
--- a/app/src/components/GameHeaderPart.vue
+++ b/app/src/components/GameHeaderPart.vue
@@ -1,10 +1,8 @@
 <script setup>
-import { onMounted, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import { logout } from '../utils/auth'
 import { bugReportUrl } from '../config'
-import api from '../utils/api'
-import { reset } from '../store/session'
+import sessionStore, { reset } from '../store/session'
 
 const router = useRouter()
 
@@ -17,18 +15,6 @@ const handleLogout = async () => {
     console.error(err)
   }
 }
-
-const questData = ref(null)
-const questErr = ref(null)
-
-onMounted(async () => {
-  try {
-    const res = await api.get('/quests/helloworld')
-    questData.value = res.data
-  } catch (err) {
-    questErr.value = err
-  }
-})
 </script>
 
 <template>
@@ -50,9 +36,9 @@ onMounted(async () => {
         <button>
           <p
             class="text-text-primary inline-block font-bold whitespace-nowrap"
-            v-if="questData"
+            v-if="sessionStore.quest"
           >
-            {{ questData.title }}
+            {{ sessionStore.quest.title }}
           </p>
         </button>
       </div>
diff --git a/app/src/router.js b/app/src/router.js
index 84dfc8c..aa4fdd1 100644
--- a/app/src/router.js
+++ b/app/src/router.js
@@ -23,9 +23,10 @@ const routes = [
     meta: { requiresGuest: true },
   },
   {
-    path: '/game',
+    path: '/game/:questId',
     name: 'game',
     component: GamePage,
+    props: true,
     meta: { requiresAuth: true },
   },
   {
diff --git a/app/src/views/GamePage.vue b/app/src/views/GamePage.vue
index 082d692..3c8bce6 100644
--- a/app/src/views/GamePage.vue
+++ b/app/src/views/GamePage.vue
@@ -14,8 +14,15 @@ const completed = computed(() => {
   return sessionStore.session.status === 'finished'
 })
 
+const props = defineProps({
+  questId: {
+    type: String,
+    required: true,
+  },
+})
+
 onMounted(async () => {
-  await init('helloworld')
+  await init(props.questId)
 })
 </script>