- Add /demo route with full game board demo using real card images - Fix PhaserGame.vue to pass scenes array to createGame() - Fix timing issue: listen for gameBridge ready event instead of Phaser core ready - Add card images for Lightning and Fire starter decks (24 Pokemon + 5 energy) - Add mockGameState.ts with realistic Lightning vs Fire matchup - Add demoCards.json/ts with card definitions from backend - Update Card.ts to use image_path from card definitions - Add loadCardImageFromPath() to asset loader for new image format - Update CardDefinition type with image_path and rarity fields Demo verifies: Vue-Phaser state sync, card rendering, damage counters, card click events, and debug controls. Layout issues noted for Phase F4. |
||
|---|---|---|
| .. | ||
| project_plans | ||
| public | ||
| src | ||
| .env.development | ||
| .env.production | ||
| .gitignore | ||
| CLAUDE.md | ||
| eslint.config.js | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.js | ||
| PROJECT_PLAN_FRONTEND.json | ||
| README.md | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||
| vitest.config.ts | ||
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.