From c2c100e6e6d1c489b8ee5f0321350df0af95c0d8 Mon Sep 17 00:00:00 2001
From: Annie Huang <annie.huang921002@gmail.com>
Date: Thu, 1 Aug 2024 19:55:24 +0800
Subject: [PATCH] simplify data usage

---
 app/src/components/QuestMap.vue | 31 ++++++++++++-------------------
 1 file changed, 12 insertions(+), 19 deletions(-)

diff --git a/app/src/components/QuestMap.vue b/app/src/components/QuestMap.vue
index bc85e52..6efed0c 100644
--- a/app/src/components/QuestMap.vue
+++ b/app/src/components/QuestMap.vue
@@ -17,15 +17,16 @@ const marginY = 120
 
 const nodeWidth = 160
 const nodeHeight = 50
-const opened = ref<Node>({
-  id: '',
-  title: '',
-  x: 0,
-  y: 0,
-  index: 0,
-  completed: false,
-  unlocked: false,
-})
+// const opened = ref<Node>({
+//   id: '',
+//   title: '',
+//   x: 0,
+//   y: 0,
+//   index: 0,
+//   completed: false,
+//   unlocked: false,
+// })
+const opened = ref<Node | null>(null)
 type Node = {
   id: string
   title: string
@@ -113,15 +114,7 @@ function handleNodeClick(node: Node) {
 }
 function closeIntro(close: boolean) {
   if (close) {
-    opened.value = {
-      id: '',
-      title: '',
-      x: 0,
-      y: 0,
-      index: 0,
-      completed: false,
-      unlocked: false,
-    }
+    opened.value = null
   }
 }
 
@@ -219,7 +212,7 @@ const edgeStyle = computed(() => {
         :questTitle="opened.title"
         :questId="opened.id"
         :questUnlocked="opened.unlocked"
-        v-if="opened.id !== ''"
+        v-if="opened"
         @close-intro="closeIntro"
       />
     </div>