Agregar pantalla de empate

src/views/Ayuda/Ayuda.vue

@@ -98,6 +98,7 @@ div(:style="'--phx: ' + phx + '; --escala: ' + escala + ';'")
                     | Triple triples cerrados
                 p 3 triples en mano cerrada
                 grupo-cartas(:cartas="[6, 6, 7, 48, 49, 49, 160, 160, 160, 192, 192]")
+                p No se acumula con "Triple triples".
 
         h3 5 puntos
 

src/views/Juego/Juego.vue

@@ -3,6 +3,7 @@ div(
     :style="'--escala: ' + escala + '; --pH: ' + pH + '; --phx: ' + phx + '; --pW: ' + pW + '; --pwx:' + pwx + ';'"
 )
     pantalla-ganador(:datos="datosJuego")
+    pantalla-empate(v-if="esEmpate")
     contenedor-dora(:turnosRestantes="turnosDora")
     div.con-int-juego
         div.cont-2-juego
@@ -23,15 +24,16 @@ div(
 </template>
 
 <script lang="ts">
-import {defineComponent, ref, onMounted, onUnmounted} from "vue";
+import { defineComponent, ref, computed, onMounted, onUnmounted } from "vue";
 import { useRoute } from "vue-router";
 import { useDimensions } from "@/components/useDimensions";
 import { useStore } from "vuex";
 import { wsServidor } from "@/variables";
-import contenedorDora from "./components/contenedor-dora.vue"
+import contenedorDora from "./components/contenedor-dora.vue";
 import mano from "@/views/Juego/components/mano.vue";
-import contenedorCartas from "./components/contenedor-cartas.vue"
+import contenedorCartas from "./components/contenedor-cartas.vue";
-import pantallaGanador from "./components/pantalla-ganador.vue"
+import pantallaGanador from "./components/pantalla-ganador.vue";
+import pantallaEmpate from "./components/pantalla-empate.vue";
 import { EstadoJuego } from "@/views/Juego/types/EstadoJuego";
 import { DatosJuego } from "@/views/Juego/types/DatosJuego";
 import { Dragon, Mano } from "@/views/Juego/types/Mano";
@@ -54,7 +56,7 @@ const obtClave = (obj: any, valor: string): string | undefined => {
 
 export default defineComponent({
     name: "Juego",
-    components: {contenedorDora, mano, contenedorCartas, pantallaGanador},
+    components: {contenedorDora, mano, contenedorCartas, pantallaGanador, pantallaEmpate},
     setup() {
         const route = useRoute();
         const store = useStore();
@@ -202,6 +204,21 @@ export default defineComponent({
             }
         };
 
+        const esEmpate = computed(() => {
+            const juegoTerminado = datosJuego.value?.estadoJuego === "Terminado"
+            const manos = datosJuego.value?.manos
+            if (juegoTerminado && manos) {
+                for (const k in manos) {
+                    const m = manos[k];
+                    if (m.esGanador) return false;
+                }
+
+                return true;
+            } else {
+                return false;
+            }
+        });
+
         const obtClaveMap = (s: string) => obtClave(map, s);
         return {
             dora,
@@ -217,6 +234,7 @@ export default defineComponent({
             turnoActual,
             estadoJuego,
             datosJuego,
+            esEmpate,
             obtClaveMap,
             descartarCarta,
             pH,

src/views/Juego/components/pantalla-empate.vue

@@ -0,0 +1,35 @@
+<template lang="pug">
+    div.contenedor-pantalla-empate
+        h1 Empate
+        hr
+        router-link(to="/") Ir al inicio
+
+    //
+</template>
+
+<script lang="ts">
+
+export default {
+    name: "pantalla-empate"
+}
+
+</script>
+
+<style lang="sass" scoped>
+
+.contenedor-pantalla-empate
+    position: fixed
+    top: 10%
+    left: 10%
+    width: 80%
+    height: 80%
+    z-index: 100
+    background-color: var(--color-fondo-transparente)
+    padding: 1rem
+
+h1, h2, h3, h4, h5
+    margin: 0
+    padding: 1rem 0
+
+
+</style>