added game-store

2024-11-08 04:06:32 +01:00
parent b7d33566ec
commit bf291728b3
3 changed files with 102 additions and 8 deletions
--- a/index.html
+++ b/index.html
@@ -3,14 +3,14 @@

 <head>
    <meta charset="UTF-8"/>
-    <link rel="icon" href="/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Welcome to Vuetify 3</title>
+    <link href="/favicon.ico" rel="icon"/>
+    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+    <title>Tik Tak Blow</title>
 </head>

 <body>
 <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
+<script src="/src/main.ts" type="module"></script>
 </body>

 </html>
--- a/src/stores/app.ts
+++ b/src/stores/app.ts
@@ -3,6 +3,6 @@ import { defineStore } from 'pinia'

 export const useAppStore = defineStore('app', {
  state: () => ({
-    //
-  }),
+    isPlaying: false
+  })
 })
--- a/src/stores/game.ts
+++ b/src/stores/game.ts
@@ -0,0 +1,94 @@
+// Utilities
+import { defineStore } from 'pinia'
+
+export const useGameStore = defineStore('game', {
+  state: (): GameState => ({
+    board: [
+      { row: 'A', fields: [0, 0, 0] },
+      { row: 'B', fields: [0, 0, 0] },
+      { row: 'C', fields: [0, 0, 0] }
+    ],
+    round: 1,
+    totalRounds: 5,
+    teams: [
+      {
+        team: 1,
+        wonRounds: [],
+        joker: [
+          { name: 'shield', isAvailable: true },
+          { name: 'bomb', isAvailable: true },
+          { name: 'retry', isAvailable: true }
+        ]
+      },
+      {
+        team: 2,
+        wonRounds: [],
+        joker: [
+          { name: 'shield', isAvailable: true },
+          { name: 'bomb', isAvailable: true },
+          { name: 'retry', isAvailable: true }
+        ]
+      }
+    ]
+  }),
+  actions: {
+    initGame() {
+      this.board = [
+        { row: 'A', fields: [0, 0, 0] },
+        { row: 'B', fields: [0, 0, 0] },
+        { row: 'C', fields: [0, 0, 0] }
+      ]
+      this.round = 1
+      this.totalRounds = 5
+      this.teams = [
+        {
+          team: 1,
+          wonRounds: [],
+          joker: [
+            { name: 'shield', isAvailable: true },
+            { name: 'bomb', isAvailable: true },
+            { name: 'retry', isAvailable: true }
+          ]
+        },
+        {
+          team: 2,
+          wonRounds: [],
+          joker: [
+            { name: 'shield', isAvailable: true },
+            { name: 'bomb', isAvailable: true },
+            { name: 'retry', isAvailable: true }
+          ]
+        }
+      ]
+      this.selectedField = undefined
+      this.question = undefined
+      this.answer = undefined
+    }
+  }
+})
+
+interface GameState {
+  board: Array<{
+    row: 'A' | 'B' | 'C'
+    fields: Array<number>
+  }>
+  round: number
+  totalRounds: number
+  teams: Array<{
+    team: 1 | 2
+    wonRounds: Array<number | undefined>
+    joker: Array<{
+      name: string
+      isAvailable: boolean
+    }>
+  }>
+  selectedField?: {
+    row: 'A' | 'B' | 'C' | undefined
+    field: number
+  }
+  question?: {
+    question: string
+    answers: Array<{ key: string; value: string } | undefined>
+  }
+  answer?: string
+}