From faf061efa4f2b4f9f66e4a22e31bd3a2852eab5b Mon Sep 17 00:00:00 2001
From: Araozu <faraoz@unsa.edu.pe>
Date: Sat, 17 Oct 2020 10:18:02 -0500
Subject: [PATCH] Sincronizados los efectos de las cartas bonus

---
 src/components/carta.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/carta.vue b/src/components/carta.vue
index 41c209c..e6c3ecd 100644
--- a/src/components/carta.vue
+++ b/src/components/carta.vue
@@ -14,7 +14,7 @@ div.cont-carta(@click="fnDescartar" style="display: inline-block")
 </template>
 
 <script lang="ts">
-import {defineComponent, computed} from "vue";
+import {defineComponent, computed, ref, watchEffect} from "vue";
 import {useDimensions} from "@/components/useDimensions";
 import { useStore } from "vuex";
 import { getEsOscuro } from "@/components/getEsOscuro";
@@ -116,7 +116,16 @@ export default defineComponent({
         });
 
         const valorR = computed(() => props.valor);
-        const claseDora = getClaseDora(valorR, store);
+        const claseDora = ref("");
+        const claseDoraWatcher = getClaseDora(valorR, store);
+        watchEffect(() => {
+            if (claseDoraWatcher.value !== "") {
+                const tiempoHastaSig5s = 5000 - (new Date()).getTime() % 5000;
+                setTimeout(() => {
+                    claseDora.value = claseDoraWatcher.value;
+                }, tiempoHastaSig5s);
+            }
+        });
 
         const fnDescartar = () => {
             props.fnDescartar!!(props.valor);