From 4739849549e71c47c9e22499f0ee396344c3cd99 Mon Sep 17 00:00:00 2001
From: "Chen, Tai-Lin" <neil.chentl@gmail.com>
Date: Mon, 26 Feb 2024 15:48:38 +0800
Subject: [PATCH] update views

---
 app/src/views/ChooseUsernamePage.vue | 16 ++++++++++++----
 app/src/views/GamePage.vue           |  4 ++--
 app/src/views/LeaderboardPage.vue    |  4 ++--
 app/src/views/LoginPage.vue          | 14 ++++++++++++--
 app/src/views/QuestMapPage.vue       |  2 +-
 app/src/views/RegisterPage.vue       | 28 +++++++++++++++++++++++++---
 6 files changed, 54 insertions(+), 14 deletions(-)

diff --git a/app/src/views/ChooseUsernamePage.vue b/app/src/views/ChooseUsernamePage.vue
index be77ec2..17d4e22 100644
--- a/app/src/views/ChooseUsernamePage.vue
+++ b/app/src/views/ChooseUsernamePage.vue
@@ -1,11 +1,11 @@
-<script setup>
+<script setup lang="ts">
 import { isValidUsername } from '@linux-odyssey/utils'
 import AuthForm from '../components/AuthForm.vue'
 import Background from '../components/DynamicBackground.vue'
 import { TooManyRequestsError, ValidationError } from '../utils/errors'
 import { checkUsername, chooseUsername } from '../utils/auth'
 
-async function check({ username, error }) {
+async function check({ username, error }: { username: string; error: any }) {
   if (username) {
     if (!isValidUsername(username)) {
       // error('Invalid username.')
@@ -30,11 +30,19 @@ async function check({ username, error }) {
   }
 }
 
-async function handleSubmit({ username, success, error }) {
+async function handleSubmit({
+  username,
+  success,
+  error,
+}: {
+  username: string
+  success: any
+  error: any
+}) {
   try {
     await chooseUsername(username)
     success()
-  } catch (err) {
+  } catch (err: any) {
     if (err instanceof TooManyRequestsError) {
       // error('Too many requests. Try again in 2 minutes.')
       error('太多請求，兩分鐘後再試一次。')
diff --git a/app/src/views/GamePage.vue b/app/src/views/GamePage.vue
index 74db5ab..889e0f7 100644
--- a/app/src/views/GamePage.vue
+++ b/app/src/views/GamePage.vue
@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 import { computed, onMounted } from 'vue'
 import { useToast } from 'vue-toastification'
 import sessionStore, { init } from '../store/session'
@@ -28,7 +28,7 @@ const toast = useToast()
 onMounted(async () => {
   try {
     await init(props.questId)
-  } catch (err) {
+  } catch (err: any) {
     if (err instanceof LoadQuestError) {
       // toast.error(`Failed to load quest: ${err.questId}. Please check the URL.`)
       toast.error(`無法讀取關卡: ${err.questId}，請確認網頁連結。`)
diff --git a/app/src/views/LeaderboardPage.vue b/app/src/views/LeaderboardPage.vue
index dcba85e..018a69f 100644
--- a/app/src/views/LeaderboardPage.vue
+++ b/app/src/views/LeaderboardPage.vue
@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted } from 'vue'
 import { useToast } from 'vue-toastification'
 import DynamicBackground from '../components/DynamicBackground.vue'
@@ -12,7 +12,7 @@ async function getLeaderboard() {
   try {
     const res = await api.get('/leaderboard')
     leaderboard.value = res.data
-  } catch (err) {
+  } catch (err: any) {
     console.error(err)
     toast.error('讀取排行榜失敗')
   }
diff --git a/app/src/views/LoginPage.vue b/app/src/views/LoginPage.vue
index 02171ad..2c61dd6 100644
--- a/app/src/views/LoginPage.vue
+++ b/app/src/views/LoginPage.vue
@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 import AuthForm from '../components/AuthForm.vue'
 import Background from '../components/DynamicBackground.vue'
 
@@ -9,7 +9,17 @@ import {
 } from '../utils/errors'
 import { login } from '../utils/auth'
 
-const handleLogin = async ({ username, password, success, error }) => {
+const handleLogin = async ({
+  username,
+  password,
+  success,
+  error,
+}: {
+  username: string
+  password: string
+  success: any
+  error: any
+}) => {
   try {
     const isSuccess = await login(username, password)
     if (isSuccess) success()
diff --git a/app/src/views/QuestMapPage.vue b/app/src/views/QuestMapPage.vue
index 40b31d0..5d7da0e 100644
--- a/app/src/views/QuestMapPage.vue
+++ b/app/src/views/QuestMapPage.vue
@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 import QuestMap from '../components/QuestMap.vue'
 import GameHeaderPart from '../components/GameHeaderPart.vue'
 </script>
diff --git a/app/src/views/RegisterPage.vue b/app/src/views/RegisterPage.vue
index 3eb7462..a71db2b 100644
--- a/app/src/views/RegisterPage.vue
+++ b/app/src/views/RegisterPage.vue
@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 import validator from 'validator'
 import { isValidUsername } from '@linux-odyssey/utils'
 import { passwordPolicy } from '@linux-odyssey/constants'
@@ -12,7 +12,19 @@ import {
   ValidationError,
 } from '../utils/errors'
 
-function handleRegister({ username, email, password, success, error }) {
+function handleRegister({
+  username,
+  email,
+  password,
+  success,
+  error,
+}: {
+  username: string
+  email: string
+  password: string
+  success: any
+  error: any
+}) {
   register(username, email, password)
     .then(success)
     .catch((err) => {
@@ -36,7 +48,17 @@ function handleRegister({ username, email, password, success, error }) {
     })
 }
 
-async function check({ username, email, password, error }) {
+async function check({
+  username,
+  email,
+  password,
+  error,
+}: {
+  username: string
+  email: string
+  password: string
+  error: any
+}) {
   if (username && !isValidUsername(username)) {
     // error('Invalid username.')
     error('無效的帳號名稱')