mantimon-tcg/frontend
Claude 7885b272a4
Honor RulesConfig for prize cards vs points in frontend game board
The game board now conditionally renders prize card zones based on
the RulesConfig sent from the backend:

- Add rules_config field to VisibleGameState in backend (visibility.py)
- Add rules_config to frontend game types and game store
- Update layout.ts to accept LayoutOptions with usePrizeCards and prizeCount
- Update StateRenderer to conditionally create PrizeZone objects
- Update Board to handle empty prize position arrays gracefully
- Add game store computed properties: rulesConfig, usePrizeCards, prizeCount
- Add tests for conditional prize zone rendering

When use_prize_cards is false (Mantimon TCG points system), the prize
zones are not rendered, saving screen space. When true (classic Pokemon
TCG mode), the correct number of prize slots is rendered based on
the rules config's prize count.

https://claude.ai/code/session_01AAxKmpq2AGde327eX1nzUC
2026-02-02 09:22:44 +00:00
..
project_plans Add Phase F4 live gameplay project plan 2026-02-01 20:52:20 -06:00
public Add Phaser game asset placeholders 2026-02-01 20:51:35 -06:00
src Honor RulesConfig for prize cards vs points in frontend game board 2026-02-02 09:22:44 +00:00
.env.development Add dev-server skill and update development ports 2026-01-30 11:56:25 -06:00
.env.production Add environment config and Vue Router with guards (F0-003, F0-008) 2026-01-30 10:59:04 -06:00
.gitignore Add F3 demo page with real card data and fix Phaser initialization 2026-01-31 21:58:26 -06:00
CLAUDE.md Add environment config and Vue Router with guards (F0-003, F0-008) 2026-01-30 10:59:04 -06:00
eslint.config.js Scaffold Vue 3 + TypeScript frontend (Phase F0) 2026-01-30 09:23:53 -06:00
index.html Scaffold Vue 3 + TypeScript frontend (Phase F0) 2026-01-30 09:23:53 -06:00
package-lock.json Implement frontend phases F1-F3: auth, deck management, Phaser integration 2026-01-31 15:43:56 -06:00
package.json Implement frontend phases F1-F3: auth, deck management, Phaser integration 2026-01-31 15:43:56 -06:00
postcss.config.js Scaffold Vue 3 + TypeScript frontend (Phase F0) 2026-01-30 09:23:53 -06:00
PROJECT_PLAN_FRONTEND.json Update frontend project plan progress 2026-02-01 20:51:19 -06:00
README.md Scaffold Vue 3 + TypeScript frontend (Phase F0) 2026-01-30 09:23:53 -06:00
tsconfig.app.json Scaffold Vue 3 + TypeScript frontend (Phase F0) 2026-01-30 09:23:53 -06:00
tsconfig.json Scaffold Vue 3 + TypeScript frontend (Phase F0) 2026-01-30 09:23:53 -06:00
tsconfig.node.json Scaffold Vue 3 + TypeScript frontend (Phase F0) 2026-01-30 09:23:53 -06:00
vite.config.ts Update Vite config for test environment 2026-02-01 20:51:12 -06:00
vitest.config.ts Scaffold Vue 3 + TypeScript frontend (Phase F0) 2026-01-30 09:23:53 -06:00

Vue 3 + TypeScript + Vite

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Learn more about the recommended Project Setup and IDE Support in the Vue Docs TypeScript Guide.