From 061129a494e604fed47e5ef6bcb635499d9616ab Mon Sep 17 00:00:00 2001
From: gwen <a>
Date: Thu, 29 Feb 2024 16:59:32 +0100
Subject: [PATCH] ajouter dessin

---
 science-quest/src/components/jeux/pendu/Pendu.vue       | 5 ++---
 science-quest/src/components/jeux/pendu/PenduDessin.vue | 8 ++++----
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/science-quest/src/components/jeux/pendu/Pendu.vue b/science-quest/src/components/jeux/pendu/Pendu.vue
index 7ecbb62..1b733b2 100644
--- a/science-quest/src/components/jeux/pendu/Pendu.vue
+++ b/science-quest/src/components/jeux/pendu/Pendu.vue
@@ -59,7 +59,6 @@ export default{
             this.premierePartie = false;
         },
         deviner: function (event) {
-            //TODO revoir ce truc
             //prendre la lettre depuis l'event
             const lettreDevinee = event.data.toLowerCase();
             //vider l'input
@@ -76,7 +75,7 @@ export default{
             if (oldprogression == this.progression) {
                 //si on n'a pas progressé = lettre incorrecte
                 this.viesRestantes--; //l'api devrait aussi retourner le nombre de vies restantes
-                
+
                 if(this.viesRestantes<0){
                     this.partieTerminee = true
                     this.progression = this.afficherProgression();
@@ -125,7 +124,7 @@ export default{
         </div>
 
         <div v-if="!partieTerminee" class="divjeu">
-            <!--PenduDessin></PenduDessin-->
+            <PenduDessin :viesRestantes="viesRestantes"></PenduDessin>
         </div>
         
         <div v-if="!partieTerminee" class="divjeu">
diff --git a/science-quest/src/components/jeux/pendu/PenduDessin.vue b/science-quest/src/components/jeux/pendu/PenduDessin.vue
index 6101817..3c62e28 100644
--- a/science-quest/src/components/jeux/pendu/PenduDessin.vue
+++ b/science-quest/src/components/jeux/pendu/PenduDessin.vue
@@ -1,6 +1,6 @@
 <script>
 export default{
-    props:["vieRestantes"], //maximum 10, 10 par defaut
+    props:["viesRestantes"], //maximum 10, 10 par defaut
     data(){
         return {
             ordreDessin:[
@@ -23,14 +23,14 @@ export default{
         this.$refs.pendu.width=200
         this.$refs.pendu.height=200
         this.ctx = this.$refs.pendu.getContext("2d");
-        this.viesEpuisees=this.ordreDessin.length-(this.vieRestantes??this.ordreDessin.length)
+        this.viesEpuisees=this.ordreDessin.length-(this.viesRestantes??this.ordreDessin.length)
     },
     watch:{
-        vieRestantes: function(newVal, oldVal){
+        viesRestantes: function(newVal, oldVal){
             const viesAEpuiser=this.ordreDessin.length-(newVal??this.ordreDessin.length)
             this.viesEpuisees=0;
             //nettoyer le canvas
-            this.ctx.clearRect(0, 0, canvas.width, canvas.height);
+            this.ctx.clearRect(0, 0, this.$refs.width, this.$refs.height);
             
             for(let i=0; i<viesAEpuiser; i++){
                 this.dessiner()