<script setup lang="ts">
import { ref } from 'vue'
import { useAuthStore } from '@/stores/auth.ts'

const authStore = useAuthStore()

const email = ref('vadim.olonin@gmail.com')
const name = ref('')
async function onSubmit() {
  await authStore.login(email.value)
}
</script>

<template>
  <div class="h-100 d-flex flex-column align-center justify-center red">
    <div class="w-20r border pa-4 blue">
      <form @submit.prevent="onSubmit">
        <div class="d-flex flex-column ga-4">
          <div class="">Sign in</div>
          <input v-model="email" placeholder="email" type="email" class="border" />
          <input v-if="false" v-model="name" placeholder="name" />
          <div class="d-flex ga-4 align-center">
            <input type="checkbox" v-if="false" />
            <button type="submit">login</button>
          </div>
        </div>
      </form>
    </div>
  </div>
</template>

<style scoped></style>
