vue-phaserjs

What problem does it solve?

Esposter vue-phaserjs integration patterns — component inventory, markRaw for Phaser objects in Pinia stores, configuration Pick pattern. Apply when writing Phaser game objects, stores, or vue-phaserjs components.

Core Features & Use Cases

• Component inventory and conventions for organizing Phaser-related Vue components, stores, and assets.
• markRaw guidance for safely storing Phaser objects in Pinia reactive state to avoid Vue's reactivity overhead.
• Pick-based configuration patterns to derive typed interfaces from Phaser game object types to ensure strong typing and reuse.
• Use Case: Standardize how you create and configure game objects, integrate with Pinia, and compose vue-phaserjs components across a Vue app.

Quick Start

Begin by creating each game object as a 4-file component (Configuration.ts, EventEmitsOptions.ts, SetterMap.ts, <Name>.vue) and wire Phaser objects into Pinia stores using markRaw.