<template>
  <form
    @submit.prevent="handleSubmit"
    class="w-full h-full p-16 flex flex-col"
    style="--row-gap: 1rem"
  >
    <input
      type="text"
      v-model="subject"
      id="appointment-subject"
      placeholder="Objet du rendez-vous"
      class="w-full rounded-md border border-grey-200 px-16 py-12"
      required
    />
    <label for="appointment-details" class="sr-only">Détails du projet</label>
    <button @click="login" class="btn" type="submit">Soumettre</button>
  </form>
</template>
<script setup>
function login() {
  console.log('test');
}
</script>
