37 lines
988 B
Vue
37 lines
988 B
Vue
<template>
|
|
<form
|
|
@submit.prevent="handleSubmit"
|
|
class="px-24 py-32 flex flex-col mx-auto bg-white rounded-xl"
|
|
style="--row-gap: 1rem; max-width: 24em;"
|
|
>
|
|
<div class="field | w-full">
|
|
<label for="username">Email</label>
|
|
<input
|
|
type="email"
|
|
v-model="email"
|
|
id="username"
|
|
placeholder="mail@exemple.com"
|
|
autocomplete="username"
|
|
class="w-full rounded-md border border-grey-200 px-16 py-12"
|
|
required
|
|
/>
|
|
</div>
|
|
<div class="field | w-full">
|
|
<label for="password">Mot de passe</label>
|
|
<input
|
|
type="password"
|
|
v-model="password"
|
|
id="password"
|
|
autocomplete="current-password"
|
|
class="w-full rounded-md border border-grey-200 px-16 py-12"
|
|
required
|
|
/>
|
|
</div>
|
|
<button @click="login" class="btn | w-full" type="submit">Connexion</button>
|
|
</form>
|
|
</template>
|
|
<script setup>
|
|
function login() {
|
|
console.log('test');
|
|
}
|
|
</script>
|