<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>
