From 4c1be84942671540d75d980c22360b5e7c708fd3 Mon Sep 17 00:00:00 2001
From: Annie Huang <annie.huang921002@gmail.com>
Date: Mon, 20 Nov 2023 15:08:14 +0800
Subject: [PATCH] Swap code position of template and script

---
 app/src/components/QuestMap.vue | 36 ++++++++++++++++-----------------
 app/src/views/QuestMapPage.vue  | 10 ++++-----
 2 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/app/src/components/QuestMap.vue b/app/src/components/QuestMap.vue
index e4cd7a5..d53504a 100644
--- a/app/src/components/QuestMap.vue
+++ b/app/src/components/QuestMap.vue
@@ -1,21 +1,3 @@
-<template>
-  <div class="relative bg-black w-full h-full flex">
-    <img
-      src="../img/catelogbg.svg"
-      alt="bg"
-      class="p-2 stroke-2 scale-y-120 justify-center items-center"
-    />
-    <h1
-      class="text-text-primary text-xl p-2.5 absolute w-fit z-2 font-mono font-bold flex flax-wrap"
-    >
-      Get through your linux journey!
-    </h1>
-    <div class="flex flex-wrap absolute w-full h-full z-1">
-      <div ref="chartContainer" class="w-full h-full flex flex-wrap"></div>
-    </div>
-  </div>
-</template>
-
 <script setup>
 import { ref, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
@@ -151,3 +133,21 @@ onMounted(async () => {
   initChart(option)
 })
 </script>
+
+<template>
+  <div class="relative bg-black w-full h-full flex">
+    <img
+      src="../img/catelogbg.svg"
+      alt="bg"
+      class="p-2 stroke-2 scale-y-120 justify-center items-center"
+    />
+    <h1
+      class="text-text-primary text-xl p-2.5 absolute w-fit z-2 font-mono font-bold flex flax-wrap"
+    >
+      Get through your linux journey!
+    </h1>
+    <div class="flex flex-wrap absolute w-full h-full z-1">
+      <div ref="chartContainer" class="w-full h-full flex flex-wrap"></div>
+    </div>
+  </div>
+</template>
diff --git a/app/src/views/QuestMapPage.vue b/app/src/views/QuestMapPage.vue
index 5850f38..56a904a 100644
--- a/app/src/views/QuestMapPage.vue
+++ b/app/src/views/QuestMapPage.vue
@@ -1,3 +1,8 @@
+<script setup>
+import QuestMap from '../components/QuestMap.vue'
+import GameHeaderPart from '../components/GameHeaderPart.vue'
+</script>
+
 <template>
   <div class="h-[6vh] w-full">
     <GameHeaderPart />
@@ -12,8 +17,3 @@
     <QuestMap />
   </div>
 </template>
-
-<script setup>
-import QuestMap from '../components/QuestMap.vue'
-import GameHeaderPart from '../components/GameHeaderPart.vue'
-</script>