From 1e31cf3be5062f79b41de2db06a63ea7a44b2382 Mon Sep 17 00:00:00 2001
From: Annie Huang <annie.huang921002@gmail.com>
Date: Sun, 31 Mar 2024 17:56:09 +0800
Subject: [PATCH] fix file locations and transfer to ts

---
 app/src/components/game/TreeChart.vue                |  2 +-
 app/src/components/header/GameHeaderComponents.vue   |  3 +--
 .../components/header/LandingHeaderComponents.vue    | 12 ++++++------
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/app/src/components/game/TreeChart.vue b/app/src/components/game/TreeChart.vue
index 19edbbb..0c85c6d 100644
--- a/app/src/components/game/TreeChart.vue
+++ b/app/src/components/game/TreeChart.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import FileNode from '..FileNode.vue'
+import FileNode from '../FileNode.vue'
 import sessionStore from '../../store/session'
 </script>
 
diff --git a/app/src/components/header/GameHeaderComponents.vue b/app/src/components/header/GameHeaderComponents.vue
index d15bc12..9f63d12 100644
--- a/app/src/components/header/GameHeaderComponents.vue
+++ b/app/src/components/header/GameHeaderComponents.vue
@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 import { onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 import { useToast } from 'vue-toastification'
@@ -30,7 +30,6 @@ onMounted(async () => {
   try {
     await loadUserProfile()
   } catch (err) {
-    // toast.error('Failed to load user profile')
     toast.error('無法讀取使用者資料')
   }
 })
diff --git a/app/src/components/header/LandingHeaderComponents.vue b/app/src/components/header/LandingHeaderComponents.vue
index 4151a7c..e29002f 100644
--- a/app/src/components/header/LandingHeaderComponents.vue
+++ b/app/src/components/header/LandingHeaderComponents.vue
@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 import { bugReportUrl } from '../../config'
 
 const scrollToSection = (sectionId) => {
@@ -17,7 +17,7 @@ const scrollToSection = (sectionId) => {
 <template>
   <button
     id="Intro"
-    class="text-text inline-block font-bold whitespace-nowrap pt-1 hover:text-text-primary"
+    class="text-text inline-block font-bold whitespace-nowrap pt-1 px-2 hover:text-text-primary"
     @click="scrollToSection('intro')"
     style="font-size: 2vh"
   >
@@ -25,14 +25,14 @@ const scrollToSection = (sectionId) => {
   </button>
   <button
     id="Feature"
-    class="text-text inline-block font-bold whitespace-nowrap pt-1 hover:text-text-primary"
+    class="text-text inline-block font-bold whitespace-nowrap pt-1 px-2 hover:text-text-primary"
     @click="scrollToSection('feature')"
     style="font-size: 2vh"
   >
     特色</button
   ><button
     id="Info"
-    class="text-text inline-block font-bold whitespace-nowrap pt-1 hover:text-text-primary"
+    class="text-text inline-block font-bold whitespace-nowrap pt-1 px-2 hover:text-text-primary"
     @click="scrollToSection('about')"
     style="font-size: 2vh"
   >
@@ -41,7 +41,7 @@ const scrollToSection = (sectionId) => {
 
   <button
     id="Contact"
-    class="text-text inline-block font-bold whitespace-nowrap pt-1 hover:text-text-primary"
+    class="text-text inline-block font-bold whitespace-nowrap pt-1 px-2 hover:text-text-primary"
     @click="scrollToSection('contact')"
     style="font-size: 2vh"
   >
@@ -51,7 +51,7 @@ const scrollToSection = (sectionId) => {
     title="Sign In"
     id="SignIn"
     to="/register"
-    class="text-text inline-block font-bold whitespace-nowrap pt-1 hover:text-text-primary"
+    class="text-text inline-block font-bold whitespace-nowrap pt-1 px-2 hover:text-text-primary"
     style="font-size: 2vh"
   >
     登入