48 lines
1.1 KiB
Vue
48 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
import { authClient, modelControllerLogin, modelControllerSignup } from "@/auth";
|
|
|
|
const page = useTemplateRef<PageInstance>("page");
|
|
const { user } = useAuth();
|
|
|
|
async function openSignin() {
|
|
const modal = await modelControllerLogin(page.value?.$el);
|
|
await modal.present();
|
|
}
|
|
async function openSignup() {
|
|
const modal = await modelControllerSignup(page.value?.$el);
|
|
await modal.present();
|
|
}
|
|
async function handleLogout() {
|
|
await authClient.signOut();
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<IonPage ref="page">
|
|
<IonHeader>
|
|
<IonToolbar>
|
|
<IonTitle>Home</IonTitle>
|
|
</IonToolbar>
|
|
</IonHeader>
|
|
<IonContent :fullscreen="true">
|
|
<IonHeader collapse="condense">
|
|
<IonToolbar>
|
|
<IonTitle>Home</IonTitle>
|
|
</IonToolbar>
|
|
</IonHeader>
|
|
|
|
<IonButton @click="openSignin">
|
|
Log in
|
|
</IonButton>
|
|
<IonButton @click="openSignup">
|
|
Sign up
|
|
</IonButton>
|
|
<IonButton @click="handleLogout">
|
|
Log out
|
|
</IonButton>
|
|
|
|
{{ user }}
|
|
</IonContent>
|
|
</IonPage>
|
|
</template>
|