Extends the RulesConfig support in the frontend game board to also honor the bench.max_size setting: - Add benchSize option to LayoutOptions interface - Update calculateLandscapeLayout to use configurable bench count - Update calculatePortraitLayout to use configurable bench count - Update StateRenderer to pass benchSize from rules_config.bench.max_size - Add benchSize computed property to game store - Add 7 tests for configurable bench size behavior The layout now generates the correct number of bench slots based on the rules config (defaults to 5 for backwards compatibility). Bench slots remain horizontally centered regardless of count. https://claude.ai/code/session_01AAxKmpq2AGde327eX1nzUC |
||
|---|---|---|
| .. | ||
| 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.