Correction du case dans le champ email

smileplus/smile-plus-frontend/src/components/LoginButton.vue

+<template>
+  <div>
+    <q-btn
+      v-if="!authStore.isAuthenticated"
+      flat label="Connexion" icon="login" @click="showLoginDialog = true" />
+    <q-btn
+      v-else
+      flat label="Déconnexion" icon="logout" @click="authStore.logout" />
+    <q-btn
+      v-if="authStore.isAuthenticated && userStore.user"
+      flat :label="userStore.user.email" icon="account_circle" @click="$router.push('/profile')" />
+
+    <q-dialog v-model="showLoginDialog">
+      <q-card style="min-width: 300px">
+        <q-card-section class="text-h6">
+          Choisissez votre mode de connexion
+        </q-card-section>
+
+        <q-card-section>
+          <q-btn outline color="primary" class="full-width q-mb-sm" @click="showLocalForm = 'login'">
+            <q-icon name="person" class="q-mr-sm" /> Connexion locale
+          </q-btn>
+          <q-btn outline color="secondary" class="full-width q-mb-sm" @click="showLocalForm = 'register'">
+            <q-icon name="person_add" class="q-mr-sm" /> Créer un compte
+          </q-btn>
+          <q-btn color="secondary" class="full-width" @click="redirectToUniversity">
+            <q-icon name="school" class="q-mr-sm" /> Connexion universitaire
+          </q-btn>
+        </q-card-section>
+
+        <q-card-section v-if="showLocalForm === 'login'">
+          <q-input v-model="login.email" label="Email" type="email" />
+          <q-input v-model="login.password" label="Mot de passe" type="password" class="q-mt-sm" @keyup.enter="submitLogin(login.email, login.password)" />
+          <q-banner v-if="errorMessage" class="q-mt-md" dense color="negative" icon="warning">
+            {{ errorMessage }}
+          </q-banner>
+        </q-card-section>
+
+        <q-card-section v-if="showLocalForm === 'register'">
+          <q-input v-model="register.email" label="Email" type="email" />
+          <q-input v-model="register.password" label="Mot de passe" type="password" class="q-mt-sm" />
+          <q-input v-model="register.confirmPassword" label="Confirmation" type="password" @keyup.enter="submitRegister" class="q-mt-sm" />
+          <q-banner v-if="registerError" class="q-mt-md" dense color="negative" icon="warning">
+            {{ registerError }}
+          </q-banner>
+        </q-card-section>
+
+        <q-card-actions align="right">
+          <q-btn flat label="Annuler" color="primary" v-close-popup @click="resetDialog" />
+          <q-btn v-if="showLocalForm === 'login'" label="Se connecter" color="primary" @click="submitLogin(login.email, login.password)" />
+          <q-btn v-if="showLocalForm === 'register'" label="Créer le compte" color="primary" @click="submitRegister" />
+        </q-card-actions>
+      </q-card>
+    </q-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { useAuthStore } from "@/stores/authStore.js";
+import { useUserStore } from "@/stores/userStore.js"
+import { Notify } from 'quasar'
+
+const showLoginDialog = ref(false)
+const showLocalForm = ref(false)
+const login = ref({ email: '', password: '' })
+const register = ref({ email: '', password: '', confirmPassword: '' })
+const errorMessage = ref('')
+const registerError = ref('')
+
+const authStore = useAuthStore()
+const userStore = useUserStore()
+
+async function submitLogin (email, password) {
+  await authStore.login(email, password)
+
+  if (!authStore.error) {
+    Notify.create({ type: 'positive', message: 'Connexion réussi !' })
+    showLoginDialog.value = false
+    resetDialog()
+  } else {
+    errorMessage.value = authStore.error
+    console.error(authStore.error)
+  }
+}
+
+async function submitRegister () {
+  registerError.value = ''
+  if (register.value.password !== register.value.confirmPassword) {
+    registerError.value = "Les mots de passe ne correspondent pas."
+    return
+  }
+  try {
+    await userStore.register(register.value.email.toLowerCase(), register.value.password)
+    await submitLogin(register.value.email.toLowerCase(), register.value.password)
+    Notify.create({ type: 'positive', message: 'Compte créé avec succès !' })
+  } catch (err) {
+    registerError.value = err.message || 'Erreur lors de la création du compte'
+  }
+}
+
+function redirectToUniversity () {
+  window.location.href = '/Shibboleth.sso/Login'
+}
+
+function resetDialog () {
+  showLocalForm.value = null
+  login.value = { email: '', password: '' }
+  register.value = { email: '', password: '', confirmPassword: '' }
+  errorMessage.value = ''
+  registerError.value = ''
+}
+</script>