From d2b796e4345eca53f77ca0e086c57c8dce6ab38b Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Thu, 11 Dec 2025 13:25:56 +0700
Subject: [PATCH] =?UTF-8?q?chore:=20=E9=87=8D=E6=9E=84=E8=B7=AF=E7=94=B1?=
 =?UTF-8?q?=E5=92=8C=E8=A7=86=E5=9B=BE=EF=BC=8C=E7=A7=BB=E9=99=A4=E6=97=A7?=
 =?UTF-8?q?=E7=9A=84=E6=A0=87=E7=AD=BE=E9=A1=B5=E5=B9=B6=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E6=96=B0=E7=9A=84=E5=B8=83=E5=B1=80=E5=92=8C=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../layout/default.vue}                       | 12 +++++-----
 src/router/index.ts                           | 22 +++++++++----------
 src/views/{Tab3Page.vue => home/index.vue}    | 12 ++++++----
 src/views/{Tab2Page.vue => market/index.vue}  |  6 ++---
 src/views/{Tab1Page.vue => user/index.vue}    |  6 ++---
 5 files changed, 31 insertions(+), 27 deletions(-)
 rename src/{views/TabsPage.vue => components/layout/default.vue} (68%)
 rename src/views/{Tab3Page.vue => home/index.vue} (60%)
 rename src/views/{Tab2Page.vue => market/index.vue} (83%)
 rename src/views/{Tab1Page.vue => user/index.vue} (84%)

diff --git a/src/views/TabsPage.vue b/src/components/layout/default.vue
similarity index 68%
rename from src/views/TabsPage.vue
rename to src/components/layout/default.vue
index 359cec9..6b329ae 100644
--- a/src/views/TabsPage.vue
+++ b/src/components/layout/default.vue
@@ -8,19 +8,19 @@ import { ellipse, square, triangle } from "ionicons/icons";
     <IonTabs>
       <IonRouterOutlet />
       <IonTabBar slot="bottom">
-        <IonTabButton tab="tab1" href="/tabs/tab1">
+        <IonTabButton tab="home" href="/layout/home">
           <IonIcon aria-hidden="true" :icon="triangle" />
-          <IonLabel>Tab 1</IonLabel>
+          <IonLabel>Home</IonLabel>
         </IonTabButton>
 
-        <IonTabButton tab="tab2" href="/tabs/tab2">
+        <IonTabButton tab="market" href="/layout/market">
           <IonIcon aria-hidden="true" :icon="ellipse" />
-          <IonLabel>Tab 2</IonLabel>
+          <IonLabel>Market</IonLabel>
         </IonTabButton>
 
-        <IonTabButton tab="tab3" href="/tabs/tab3">
+        <IonTabButton tab="user" href="/layout/user">
           <IonIcon aria-hidden="true" :icon="square" />
-          <IonLabel>Tab 3</IonLabel>
+          <IonLabel>User</IonLabel>
         </IonTabButton>
       </IonTabBar>
     </IonTabs>
diff --git a/src/router/index.ts b/src/router/index.ts
index 3bc7757..f297b55 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,31 +1,31 @@
 import type { RouteRecordRaw } from "vue-router";
 import { createRouter, createWebHistory } from "@ionic/vue-router";
-import TabsPage from "../views/TabsPage.vue";
+import Layout from "@/components/layout/default.vue";
 
 const routes: Array<RouteRecordRaw> = [
   {
     path: "/",
-    redirect: "/tabs/tab1",
+    redirect: "/layout/home",
   },
   {
-    path: "/tabs/",
-    component: TabsPage,
+    path: "/layout/",
+    component: Layout,
     children: [
       {
         path: "",
-        redirect: "/tabs/tab1",
+        redirect: "/layout/home",
       },
       {
-        path: "tab1",
-        component: () => import("@/views/Tab1Page.vue"),
+        path: "home",
+        component: () => import("@/views/home/index.vue"),
       },
       {
-        path: "tab2",
-        component: () => import("@/views/Tab2Page.vue"),
+        path: "market",
+        component: () => import("@/views/market/index.vue"),
       },
       {
-        path: "tab3",
-        component: () => import("@/views/Tab3Page.vue"),
+        path: "user",
+        component: () => import("@/views/user/index.vue"),
       },
     ],
   },
diff --git a/src/views/Tab3Page.vue b/src/views/home/index.vue
similarity index 60%
rename from src/views/Tab3Page.vue
rename to src/views/home/index.vue
index fcfb6c5..3c4f40f 100644
--- a/src/views/Tab3Page.vue
+++ b/src/views/home/index.vue
@@ -1,25 +1,29 @@
 <script setup lang="ts">
-import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from "@ionic/vue";
+import { IonButton, IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from "@ionic/vue";
+import { ref } from "vue";
+import { authClient } from "@/auth";
 import ExploreContainer from "@/components/ExploreContainer.vue";
+
+const res = ref(null);
 </script>
 
 <template>
   <IonPage>
     <IonHeader>
       <IonToolbar>
-        <IonTitle>Tab 3</IonTitle>
+        <IonTitle>Home</IonTitle>
       </IonToolbar>
     </IonHeader>
     <IonContent :fullscreen="true">
       <IonHeader collapse="condense">
         <IonToolbar>
           <IonTitle size="large">
-            Tab 3
+            Home
           </IonTitle>
         </IonToolbar>
       </IonHeader>
 
-      <ExploreContainer name="Tab 3 page" />
+      <ExploreContainer name="Home page" />
     </IonContent>
   </IonPage>
 </template>
diff --git a/src/views/Tab2Page.vue b/src/views/market/index.vue
similarity index 83%
rename from src/views/Tab2Page.vue
rename to src/views/market/index.vue
index 2593fa6..d5789fe 100644
--- a/src/views/Tab2Page.vue
+++ b/src/views/market/index.vue
@@ -7,19 +7,19 @@ import ExploreContainer from "@/components/ExploreContainer.vue";
   <IonPage>
     <IonHeader>
       <IonToolbar>
-        <IonTitle>Tab 2</IonTitle>
+        <IonTitle>Market</IonTitle>
       </IonToolbar>
     </IonHeader>
     <IonContent :fullscreen="true">
       <IonHeader collapse="condense">
         <IonToolbar>
           <IonTitle size="large">
-            Tab 2
+            Market
           </IonTitle>
         </IonToolbar>
       </IonHeader>
 
-      <ExploreContainer name="Tab 2 page" />
+      <ExploreContainer name="Market page" />
     </IonContent>
   </IonPage>
 </template>
diff --git a/src/views/Tab1Page.vue b/src/views/user/index.vue
similarity index 84%
rename from src/views/Tab1Page.vue
rename to src/views/user/index.vue
index 9d3a542..d1640c1 100644
--- a/src/views/Tab1Page.vue
+++ b/src/views/user/index.vue
@@ -7,19 +7,19 @@ import ExploreContainer from "@/components/ExploreContainer.vue";
   <IonPage>
     <IonHeader>
       <IonToolbar>
-        <IonTitle>Tab 1</IonTitle>
+        <IonTitle>User</IonTitle>
       </IonToolbar>
     </IonHeader>
     <IonContent :fullscreen="true">
       <IonHeader collapse="condense">
         <IonToolbar>
           <IonTitle size="large">
-            Tab 1
+            User
           </IonTitle>
         </IonToolbar>
       </IonHeader>
 
-      <ExploreContainer name="Tab 1 page" />
+      <ExploreContainer name="User page" />
     </IonContent>
   </IonPage>
 </template>