<template>
  <button @click="login()">
    login
  </button>
  <p> You are {{ authStatus }}</p>
  <p v-if="user">Email: {{ user.email }}</p>

</template>

<script setup lang="ts">

const { signIn, signOut, status, data } = useAuth();
const authStatus = status.value;
const user = data.value?.user;


function login() {
  signIn('default');
}

</script>
