Establecer marcador de puntuación

[omiras]

Análisis

Queremos establecer el marcador de intentos, parejas correctas y tiempo transcurrido de juego

Cuando se aciertan las parejas, mensaje simple de felicitación y detener el tiempo

[omiras]

• Cread el componente CardTile.vue
• Si os sentís con suerte, cread un componente GameScore.vue. Teneis un par de props para el texto y el número

[omiras]

Para hoy @gegebe @GalisGalisteo

1. No pongáis un selector de tipo de juego (números, frutas, etc). Dejado como una prop, pues va a ser algo que se va a configurar des de otro componente. La idea es conseguir algo como esto

`

Después de discutir @GalisGalisteo, creemos que es mejor que siempre sea un array de imágenes para simplificar la lógica. @gegebe ¿Cómo lo ves?¿Podrías crear unos cuantos assets de números del 1 al 18? Si mantenemos los números como hasta ahora como opción de juego, sin que sean imágenes, hay que considerar el uso de slots en Vue para simplificar

3. Sería bueno que todo lo que no tenga que ver con el componente, lo introduzcáis en funciones en un fichero src/utils.js. Que se me ocurra:

   1. Función para generar un array X números
   2. Función para mezclar un array

4. La gestión del marcador no es eficaz. No mezclar interfaz gráfica (los dos puntos que parpadean) con estado de la app. Recomiendo

   1. Una única variable que cuente los segundos
   2. Cuando el segundero es par, que desaparezcan los dos puntos, cuando es impar, que aparezcan
   3. A partir de los segundos, calcular cuantos minutos han pasado, NO guardarlo en una variable

5. Centraos en el diseño por favor, tener esta issue acabada hoy nos da pie al lunes implementar todo o que nos falte!

[omiras]

Comentando con @GalisGalisteo , nos hemos dado cuenta que no le hace falta al componente especificar si es un juego tipo número o imágenes. Tenemos que gestionar el código de manera que

1. Si NO se especifica en la prop tiles un array de imágenes, el componente debe entender que solo va a mostrar números
2. Si se especifica en la prop tiles un array de imágenes (bien sea predefinidas o customizadas a través del widget), GameBoard.vue sabrá que tiene que mostrar las imágenes