first

sop-front/src/stores/game.ts

@@ -0,0 +1,48 @@
+import { defineStore } from 'pinia'
+import type { Character, CollectionDetail } from '@/api/client'
+
+interface GameState {
+  collection: CollectionDetail | null
+  queue: Character[]
+  smashed: Character[]
+  passed: Character[]
+}
+
+export const useGameStore = defineStore('game', {
+  state: (): GameState => ({
+    collection: null,
+    queue: [],
+    smashed: [],
+    passed: [],
+  }),
+  getters: {
+    isFinished: (s) => s.collection !== null && s.queue.length === 0,
+    progress: (s) => {
+      const total = s.collection?.characters.length ?? 0
+      if (total === 0) return 0
+      return ((s.smashed.length + s.passed.length) / total) * 100
+    },
+  },
+  actions: {
+    start(collection: CollectionDetail) {
+      this.collection = collection
+      this.queue = [...collection.characters]
+      this.smashed = []
+      this.passed = []
+    },
+    smash() {
+      const c = this.queue.shift()
+      if (c) this.smashed.push(c)
+    },
+    pass() {
+      const c = this.queue.shift()
+      if (c) this.passed.push(c)
+    },
+    reset() {
+      this.collection = null
+      this.queue = []
+      this.smashed = []
+      this.passed = []
+    },
+  },
+})