Components rework and lots of fixes

This commit is contained in:
2024-09-05 17:44:30 +02:00
parent 094f27d9ad
commit d7a8087c6c
21 changed files with 286 additions and 196 deletions

View File

@@ -89,11 +89,11 @@ function handleErrors(error: Error | ZodError)
<div class="p-8 w-[48em] border border-light-35 dark:border-dark-35">
<form @submit.prevent="submit" class="p-4 bg-light-25 dark:bg-dark-30">
<h1 class="text-2xl font-bold tracking-wider pb-4">Inscription</h1>
<Input type="text" autocomplete="username" v-model="state.username"
<InputField type="text" autocomplete="username" v-model="state.username"
placeholder="Entrez un nom d'utilisateur" title="Nom d'utilisateur" :error="usernameError" class="w-[24em]"/>
<Input type="text" autocomplete="email" v-model="state.email" placeholder="Entrez une addresse mail"
<InputField type="text" autocomplete="email" v-model="state.email" placeholder="Entrez une addresse mail"
title="Adresse mail" :error="emailError" class="w-[24em]"/>
<Input type="password" autocomplete="new-password" v-model="state.password"
<InputField type="password" autocomplete="new-password" v-model="state.password"
placeholder="Entrez un mot de passe" title="Mot de passe"
:error="!(checkedLength && checkedLowerUpper && checkedDigit && checkedSymbol)" class="w-[24em]"/>
<div class="flex flex-col font-light">
@@ -110,7 +110,7 @@ function handleErrors(error: Error | ZodError)
<pre>! " # $ % & ' ( ) * + , - . / : ; < = > ? @ [ ] ^ _ ` { | } ~</pre>
</span>
</div>
<Input type="password" v-model="confirmPassword" placeholder="Confirmer le mot de passe"
<InputField type="password" v-model="confirmPassword" placeholder="Confirmer le mot de passe"
title="Confirmer le mot de passe"
autocomplete="new-password"
:error="confirmPassword === '' || confirmPassword === state.password ? '' : 'Les mots de passe saisies ne sont pas identique'" class="w-[24em]"/>