chore: add vueuse util

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>