LouanBen/wordle-fr

Décalage des lignes quand on rentre deux fois le même mot

Closed this issue · 2 comments

Après avoir saisi deux fois le même mot :

  • Appuyer sur entrée ne fait rien (en apparence seulement car currentAttempt est incrémenté dans le composant Game)
  • Réappuyer sur entrée check les bonnes lettres, la coloration se fait bien mais c'est la ligne du dessous qui shuffle. De plus, une erreur s'affiche alors qu'elle ne devrait pas : Veuillez entrer un mot de 5 lettres

Quelques pistes en plus :

  • En fait, c'est l'animation de la correction qui ne se lance pas, le check est bien effectué.
  • L'erreur qui s'affiche est en fait légitime car une fois qu'on a appuyé sur Entrée la première fois, on saisi le mot suivant : si l'on réappuit, ça lance verifyWord pour 0 lettre saisie
  • Si l'on saisit une nouvelle lettre, l'animation se lance

Le fix est pret !
En fait, c'était l'état qui se mettait bien à jour mais Vue qui ne le détectait pas.
Je me suis aidé de cette ressource pour fix : https://michaelnthiessen.com/debugging-guide-why-your-component-isnt-updating/#1-check-that-variables-are-reactive