From 02296a8d48b194eeccea55d5343e6ba842cb3f33 Mon Sep 17 00:00:00 2001
From: Araozu <faraoz@unsa.edu.pe>
Date: Sat, 17 Oct 2020 10:10:54 -0500
Subject: [PATCH] Ahora el dora se establece en el store en lugar del
 componente Juego.vue

---
 src/views/Juego/Juego.vue                      |  2 +-
 src/views/Juego/components/contenedor-dora.vue | 16 +++++-----------
 2 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/src/views/Juego/Juego.vue b/src/views/Juego/Juego.vue
index 94bdbbc..304827a 100644
--- a/src/views/Juego/Juego.vue
+++ b/src/views/Juego/Juego.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
 div
-    contenedor-dora(:dora="dora" :doraOculto="doraOculto" :turnosRestantes="turnosDora")
+    contenedor-dora(:turnosRestantes="turnosDora")
     div.con-int-juego
         div.cont-2-juego
             div.cont-cuadrante-cartas-juego
diff --git a/src/views/Juego/components/contenedor-dora.vue b/src/views/Juego/components/contenedor-dora.vue
index 52b9779..f117f45 100644
--- a/src/views/Juego/components/contenedor-dora.vue
+++ b/src/views/Juego/components/contenedor-dora.vue
@@ -14,37 +14,31 @@ div.contenedor-dora
 import {defineComponent, computed} from "vue";
 import { useDimensions } from "@/components/useDimensions";
 import carta from "@/components/carta.vue";
+import { useStore } from "vuex";
 
 export default defineComponent({
     name: "contenedor-dora",
     components: {carta},
     props: {
-        dora: {
-            type: Array,
-            default: [0, 0, 0, 0, 0]
-        },
-        doraOculto: {
-            type: Array,
-            default: [0, 0, 0, 0, 0]
-        },
         turnosRestantes: {
             type: Number,
             default: 32
         }
     },
-    setup(props) {
+    setup() {
+        const store = useStore();
         const {pH} = useDimensions();
         const pHc = computed(() => pH.value + "px");
 
         const doraCerrado = computed(() => {
-            const narr = [...props.dora];
+            const narr = [...store.state.dora[0]];
             for (let i = narr.length; i < 5; i++) {
                 narr.push(0);
             }
             return narr;
         });
         const doraAbierto = computed(() => {
-            const narr = [...props.doraOculto];
+            const narr = [...store.state.dora[1]];
             for (let i = narr.length; i < 5; i++) {
                 narr.push(0);
             }