Agregada documentacion a Par

src/router/index.ts

@@ -39,7 +39,11 @@ const routes: Array<RouteRecordRaw> = [
             },
             {
                 path: "mano/",
-                component: () => import(/* webpackChunkName: "tutorial_cartas" */ "../views/Tutorial/views/Mano.vue")
+                component: () => import(/* webpackChunkName: "tutorial_mano" */ "../views/Tutorial/views/Mano.vue")
+            },
+            {
+                path: "mano/par/",
+                component: () => import(/* webpackChunkName: "tutorial_mano_par" */ "../views/Tutorial/views/Mano/Par.vue")
             }
         ]
     }

src/variables.ts

@@ -1,4 +1,4 @@
-export const servidor = "rimajonb.araozu.dev"; // "0.0.0.0:8080"; //
-export const servidorF = `https://${servidor}`;
-export const wsServidor = `wss://${servidor}`;
+export const servidor = "0.0.0.0:8080"; // "rimajonb.araozu.dev"; // "0.0.0.0:8080"; //
+export const servidorF = `http://${servidor}`;
+export const wsServidor = `ws://${servidor}`;
 

src/views/Tutorial/views/Mano/Par.vue

@@ -0,0 +1,67 @@
+<template lang="pug">
+div
+    h2 Par
+
+    p Como el nombre sugiere, un par son 2 cartas iguales
+
+    carta(:valor="6")
+    carta(:valor="7")
+
+    p Pueden haber 4 tipos de pares, uno por cada tipo de carta.
+    br
+
+    h3 Par de número negro
+    p Son 2 cartas con el mísmo número. No es necesario que el símbolo sea el mismo, aunque ello da más puntos.
+
+    carta(:valor="10")
+    carta(:valor="11")
+
+    h3 Par de número rojo
+    p Son 2 cartas con el mísmo número. No es necesario que el símbolo sea el mismo, aunque ello da más puntos.
+
+    carta(:valor="34")
+    carta(:valor="34")
+
+    h3 Par de dragones
+    p Son 2 cartas de dragon del mismo color.
+    carta(:valor="160")
+    carta(:valor="160")
+
+    h3 Par de realeza
+    p Son 2 cartas de la misma letra.
+    carta(:valor="224")
+    carta(:valor="224")
+
+//
+</template>
+
+<script lang="ts">
+import {defineComponent} from "vue";
+import carta from "@/components/carta.vue"
+
+const cartas = [2, 2, 3, 3, 4, 4, 5, 5, 6, 6, 7, 7, 8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 13, 13, 14, 14, 15, 15,
+    16, 16, 17, 17, 18, 18, 19, 19, 20, 20, 21, 21, 34, 34, 35, 35, 36, 36, 37, 37, 38, 38, 39, 39, 40, 40, 41,
+    41, 42, 42, 43, 43, 44, 44, 45, 45, 46, 46, 47, 47, 48, 48, 49, 49, 50, 50, 51, 51, 52, 52, 53, 53, 64, 64,
+    64, 64, 96, 96, 96, 96, 128, 128, 128, 128, 160, 160, 160, 160, 192, 192, 192, 192, 224, 224, 224, 224,
+    256, 256, 256, 256];
+
+const parCartasR = new Array(2).fill(cartas[Math.floor(Math.random() * cartas.length)]);
+
+export default defineComponent({
+    name: "Par",
+    components: {carta},
+    setup() {
+        return {
+            parCartasR
+        }
+    }
+});
+
+</script>
+
+<style scoped lang="sass">
+
+
+
+//
+</style>