Nuxt
The Nuxt-focused track for @onmax/nuxt-phaser, including module setup, runtime defaults, and client-only wrappers.
@onmax/nuxt-phaser wraps the Vue package with Nuxt-specific ergonomics. It registers the runtime plugin, exposes #phaser, adds auto-imports, and gives you a client-only wrapper component without duplicating the core lifecycle logic.
Use this section when you want to wire Phaser into a Nuxt app without losing the underlying Vue runtime model.
Read the Vue track when you want to understand the shared runtime behavior underneath the Nuxt wrapper.
Start in the Nuxt layer
Use the module pages for install, runtime defaults, and client-only behavior.
Install the module
Add
@onmax/nuxt-phaser, register it in nuxt.config.ts, and keep Phaser client-only by default.Set runtime defaults
Configure
pixelArt, transparent, suspendWhenHidden, and the asset base URL once in the module config.Use the Nuxt pages for wrapper behavior and app integration. Use the Vue pages for the shared runtime contract.