From 36f53da08a7f7b1b50854eb49ceff524d1b48c4a Mon Sep 17 00:00:00 2001
From: "Lin, Hung-Shin" <wancat@wancat.cc>
Date: Tue, 21 Nov 2023 11:55:32 +0800
Subject: [PATCH] feat: make hints a group in one stage

---
 app/src/components/HintPart.vue   | 12 +++++++++---
 app/src/store/session.js          |  2 +-
 packages/models/session.js        |  2 +-
 server/src/game/sessionHandler.js |  2 +-
 4 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/app/src/components/HintPart.vue b/app/src/components/HintPart.vue
index dad0189..54b417f 100644
--- a/app/src/components/HintPart.vue
+++ b/app/src/components/HintPart.vue
@@ -60,9 +60,15 @@ const right = () => {
     </div>
   </div>
   <div id="hint" class="bg-bg flex flex-wrap p-8">
-    <p class="text-text font-xl whitespace-pre-wrap">
-      {{ sessionStore.session.hints[current] }}
-    </p>
+    <ul>
+      <li
+        v-for="hint in sessionStore.session.hints[current]"
+        :key="hint"
+        class="text-text font-xl whitespace-pre-wrap"
+      >
+        ➤ {{ hint }}
+      </li>
+    </ul>
     <br />
   </div>
 </template>
diff --git a/app/src/store/session.js b/app/src/store/session.js
index ac64e88..5464bd0 100644
--- a/app/src/store/session.js
+++ b/app/src/store/session.js
@@ -86,7 +86,7 @@ function updateGraph(event) {
 }
 
 function updateHints(hints) {
-  store.session.hints.push(...hints)
+  store.session.hints.push(hints)
 }
 
 function updateStatus(status) {
diff --git a/packages/models/session.js b/packages/models/session.js
index 85568a1..50c62b5 100644
--- a/packages/models/session.js
+++ b/packages/models/session.js
@@ -54,7 +54,7 @@ const Session = model(
         required: true,
       },
       tasks: [taskSchema],
-      hints: [String],
+      hints: [[String]],
       graph: {
         type: nodeSchema,
         default: {
diff --git a/server/src/game/sessionHandler.js b/server/src/game/sessionHandler.js
index 053126c..906126b 100644
--- a/server/src/game/sessionHandler.js
+++ b/server/src/game/sessionHandler.js
@@ -47,7 +47,7 @@ export default class SessionHandler {
         t.completed = true
       })
 
-    this.session.hints.push(...stage.hints)
+    this.session.hints.push(stage.hints)
 
     this.addNewTasks()