From 0b0239ec2c8ee445fefde25c1138005f7db9d41b Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Thu, 11 Dec 2025 22:32:45 +0700
Subject: [PATCH] chore: add vueuse util

---
 src/router/index.ts        |  6 ++----
 src/views/home/index.vue   | 26 ++++++++++++++++----------
 src/views/market/index.vue |  4 ----
 src/views/user/index.vue   |  4 ----
 4 files changed, 18 insertions(+), 22 deletions(-)

diff --git a/src/router/index.ts b/src/router/index.ts
index 2804a82..9f676b0 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,6 +1,5 @@
 import type { RouteRecordRaw } from "vue-router";
 import { createRouter, createWebHistory } from "@ionic/vue-router";
-import LayoutDefault from "@/components/layout/default.vue";
 
 const routes: Array<RouteRecordRaw> = [
   {
@@ -8,9 +7,8 @@ const routes: Array<RouteRecordRaw> = [
     redirect: "/layout/home",
   },
   {
-    path: "/layout/",
-    component: LayoutDefault,
-    redirect: "/layout/home",
+    path: "/layout",
+    component: () => import("@/components/layout/default.vue"),
     children: [
       {
         path: "home",
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 3c4f40f..d552802 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,14 +1,18 @@
 <script setup lang="ts">
-import { IonButton, IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from "@ionic/vue";
-import { ref } from "vue";
-import { authClient } from "@/auth";
-import ExploreContainer from "@/components/ExploreContainer.vue";
+import type { PageInstance } from "@/utils";
+import { modelControllerSignup } from "@/auth";
 
-const res = ref(null);
+const page = useTemplateRef<PageInstance>("page");
+const { user } = useAuth();
+
+async function openSignup() {
+  const modal = await modelControllerSignup(page.value?.$el);
+  await modal.present();
+}
 </script>
 
 <template>
-  <IonPage>
+  <IonPage ref="page">
     <IonHeader>
       <IonToolbar>
         <IonTitle>Home</IonTitle>
@@ -17,13 +21,15 @@ const res = ref(null);
     <IonContent :fullscreen="true">
       <IonHeader collapse="condense">
         <IonToolbar>
-          <IonTitle size="large">
-            Home
-          </IonTitle>
+          <IonTitle>Home</IonTitle>
         </IonToolbar>
       </IonHeader>
 
-      <ExploreContainer name="Home page" />
+      <IonButton @click="openSignup">
+        Signup
+      </IonButton>
+
+      {{ user }}
     </IonContent>
   </IonPage>
 </template>
diff --git a/src/views/market/index.vue b/src/views/market/index.vue
index d5789fe..e5a2751 100644
--- a/src/views/market/index.vue
+++ b/src/views/market/index.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from "@ionic/vue";
-import ExploreContainer from "@/components/ExploreContainer.vue";
 </script>
 
 <template>
@@ -18,8 +16,6 @@ import ExploreContainer from "@/components/ExploreContainer.vue";
           </IonTitle>
         </IonToolbar>
       </IonHeader>
-
-      <ExploreContainer name="Market page" />
     </IonContent>
   </IonPage>
 </template>
diff --git a/src/views/user/index.vue b/src/views/user/index.vue
index d1640c1..5f72142 100644
--- a/src/views/user/index.vue
+++ b/src/views/user/index.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from "@ionic/vue";
-import ExploreContainer from "@/components/ExploreContainer.vue";
 </script>
 
 <template>
@@ -18,8 +16,6 @@ import ExploreContainer from "@/components/ExploreContainer.vue";
           </IonTitle>
         </IonToolbar>
       </IonHeader>
-
-      <ExploreContainer name="User page" />
     </IonContent>
   </IonPage>
 </template>