Added game start for single player, 3 and 9 card game types and protected the pages for only logged in players

2025-12-23 00:18:34 +00:00
parent 5c1fc11975
commit e833e403f7
6 changed files with 283 additions and 12 deletions
@@ -0,0 +1,43 @@
+<template>
+<div v-if="store.trumpCard">
+    <GameBoard 
+      :trump-card="store.trumpCard"
+      :cards-remaining="store.deck.length"
+      :player-hand="store.playerHand"
+      :opponent-hand="store.opponentHand"
+      
+      :player-score="store.playerScore" 
+      :opponent-score="store.opponentScore"
+      :current-turn="store.currentTurn"
+      :current-trick="store.table"
+      @play-card="handlePlayCard"
+    />
+  </div>
+  <div v-else class="flex h-screen items-center justify-center bg-green-900 text-white">
+    <div class="animate-pulse text-xl">A baralhar cartas...</div>
+  </div>
+</template>
+
+<script setup>
+import { onMounted, onUnmounted } from 'vue'
+import { useBiscaStore } from '@/stores/bisca'
+import GameBoard from '@/components/game/GameBoard.vue'
+
+const props = defineProps({
+  gameType: {
+    type: Number,
+    default: 3,
+  },
+})
+
+const store = useBiscaStore()
+
+onMounted(() => {
+  console.log(`A iniciar Bisca de ${props.gameType}...`)
+  store.startGame(props.gameType)
+})
+
+const handlePlayCard = (card) => {
+  store.playerPlayCard(card)
+}
+</script>