Mejorada documentacion de Cartas.vue

src/views/Tutorial/views/Cartas.vue

@@ -2,21 +2,26 @@
 div
     h2 Cartas
 
-    p RiMaJon usa su propio conjunto de cartas, similar a una baraja normal. Estas son todas las cartas:
+    p RiMaJon usa su propio conjunto de cartas, similar a una baraja normal.
-
-    carta(v-for="(c, i) in cartas" :valor="c" :key="i")
 
     p Hay 108 cartas, y se dividen en 4 tipos:
 
     div.inner
-        h3 Números rojos
-        p Son cartas de la A hasta el 10 de color negro. Hay 4 cartas de cada número.
         h3 Números negros
         p Son cartas de la A hasta el 10 de color negro. Hay 4 cartas de cada número.
+        carta(v-for="(c, i) in cartas1" :valor="c" :key="i")
+
+        h3 Números rojos
+        p Son cartas de la A hasta el 10 de color rojo. Hay 4 cartas de cada número.
+        carta(v-for="(c, i) in cartas2" :valor="c" :key="i")
+
         h3 Dragones
         p Son cartas con imágenes de dragones, de 4 colores diferentes. Hay 4 cartas de cada color de dragon.
+        carta(v-for="(c, i) in cartas3" :valor="c" :key="i")
+
         h3 Realeza
         p Son las cartas de J, Q, K. Son de color verde y no tienen símbolo. Hay 4 cartas de cada uno.
+        carta(v-for="(c, i) in cartas4" :valor="c" :key="i")
 
     p Los símbolos de las cartas de números no tienen importancia por ahora.
 
@@ -30,11 +35,15 @@ import {defineComponent} from "vue";
 import carta from "@/components/carta.vue";
 import sigAnteriorPagina from "@/views/Tutorial/components/sig-ant-pagina.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,
+const cartas1 = [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,
+    16, 16, 17, 17, 18, 18, 19, 19, 20, 20, 21, 21];
-    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,
+const cartas2 = [34, 34, 35, 35, 36, 36, 37, 37, 38, 38, 39, 39, 40, 40, 41,
-    256, 256, 256, 256];
+    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];
+
+const cartas3 = [64, 64, 64, 64, 96, 96, 96, 96, 128, 128, 128, 128, 160, 160, 160, 160];
+
+const cartas4 = [192, 192, 192, 192, 224, 224, 224, 224, 256, 256, 256, 256];
 
 export default defineComponent({
     name: "Cartas",
@@ -52,7 +61,10 @@ export default defineComponent({
         };
 
         return {
-            cartas,
+            cartas1,
+            cartas2,
+            cartas3,
+            cartas4,
             rutaSig,
             rutaAnt
         }