33 lines
928 B
Vue
33 lines
928 B
Vue
<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>
|