From 7444af1979feae3c381d418ee02347d0a02513ff Mon Sep 17 00:00:00 2001
From: gwen <a>
Date: Wed, 28 Feb 2024 17:54:59 +0100
Subject: [PATCH] ajouter watch

---
 .../src/components/jeux/pendu/PenduDessin.vue     | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/science-quest/src/components/jeux/pendu/PenduDessin.vue b/science-quest/src/components/jeux/pendu/PenduDessin.vue
index bd98c3f..6101817 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
+    props:["vieRestantes"], //maximum 10, 10 par defaut
     data(){
         return {
             ordreDessin:[
@@ -25,6 +25,18 @@ export default{
         this.ctx = this.$refs.pendu.getContext("2d");
         this.viesEpuisees=this.ordreDessin.length-(this.vieRestantes??this.ordreDessin.length)
     },
+    watch:{
+        vieRestantes: 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);
+            
+            for(let i=0; i<viesAEpuiser; i++){
+                this.dessiner()
+            }
+        }
+    },
     methods:{
         dessiner(){
             if(this.viesEpuisees<this.ordreDessin.length){
@@ -115,6 +127,5 @@ export default{
 
 
 <template>
-    <button @click="dessiner">zéearezerzergfsdfg</button>
     <canvas ref="pendu"></canvas>
 </template>
\ No newline at end of file