From 88b05581b5ab1c7837ad01cc03fc509db0275700 Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Tue, 16 Dec 2025 16:16:30 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E8=B7=AF=E7=94=B1?=
 =?UTF-8?q?=E5=AE=88=E5=8D=AB=EF=BC=8C=E4=BC=98=E5=8C=96=E8=B7=AF=E7=94=B1?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E5=B9=B6=E6=B8=85=E7=90=86=E9=92=B1=E5=8C=85?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E7=BB=84=E4=BB=B6=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                               |  9 +++++++++
 src/main.ts                               |  5 ++---
 src/router/guard.ts                       |  7 +++++++
 src/router/index.ts                       |  5 ++++-
 src/views/user/components/wallet-card.vue | 18 ------------------
 5 files changed, 22 insertions(+), 22 deletions(-)
 create mode 100644 src/router/guard.ts

diff --git a/src/App.vue b/src/App.vue
index 97fe6a2..e1bce68 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,4 +1,13 @@
 <script setup lang="ts">
+import { client, safeClient } from "./api";
+
+const walletStore = useWalletStore();
+
+onMounted(async () => {
+  const { data } = await safeClient(client.api.asset.balances.get());
+  walletStore.state.balances = data;
+  console.log("App mounted successfully");
+});
 </script>
 
 <template>
diff --git a/src/main.ts b/src/main.ts
index 6226bc9..fd83f0d 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -2,9 +2,8 @@ import { IonicVue } from "@ionic/vue";
 import { createPinia } from "pinia";
 import { createApp } from "vue";
 import App from "./App.vue";
-
 import { i18n } from "./locales";
-import router from "./router";
+import { router } from "./router";
 
 /* Core CSS required for Ionic components to work properly */
 import "@ionic/vue/css/core.css";
@@ -42,8 +41,8 @@ const pinia = createPinia();
 
 const app = createApp(App)
   .use(IonicVue)
-  .use(router)
   .use(pinia)
+  .use(router)
   .use(i18n);
 
 router.isReady().then(() => {
diff --git a/src/router/guard.ts b/src/router/guard.ts
new file mode 100644
index 0000000..b0ec3f7
--- /dev/null
+++ b/src/router/guard.ts
@@ -0,0 +1,7 @@
+import type { Router } from "vue-router";
+
+export function createRouterGuard(router: Router) {
+  router.beforeEach(async (to, from, next) => {
+    next();
+  });
+}
diff --git a/src/router/index.ts b/src/router/index.ts
index fc71e80..4c5c612 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,5 +1,6 @@
 import type { RouteRecordRaw } from "vue-router";
 import { createRouter, createWebHistory } from "@ionic/vue-router";
+import { createRouterGuard } from "./guard";
 
 const routes: Array<RouteRecordRaw> = [
   {
@@ -64,4 +65,6 @@ const router = createRouter({
   routes,
 });
 
-export default router;
+createRouterGuard(router);
+
+export { router };
diff --git a/src/views/user/components/wallet-card.vue b/src/views/user/components/wallet-card.vue
index e813960..9961344 100644
--- a/src/views/user/components/wallet-card.vue
+++ b/src/views/user/components/wallet-card.vue
@@ -1,6 +1,4 @@
 <script lang='ts' setup>
-import { onIonViewDidEnter, onIonViewWillEnter } from "@ionic/vue";
-import { client } from "@/api";
 import RechargeChannel from "./recharge-channel.vue";
 
 const { t } = useI18n();
@@ -8,28 +6,12 @@ const router = useRouter();
 const { state } = useWalletStore();
 const rechargeInstance = ref<ModalInstance>();
 
-async function init() {
-  const { data } = await client.api.asset.balances.get();
-  state.balances = data;
-}
 function onCloseModal() {
   rechargeInstance.value?.$el.dismiss(null, "confirm");
 }
 function handleWithdraw() {
   router.push("/withdraw/index");
 }
-
-onMounted(() => {
-  init();
-});
-
-onIonViewWillEnter(() => {
-  init();
-});
-
-onIonViewDidEnter(() => {
-  init();
-});
 </script>
 
 <template>