<script setup lang="ts">
/**
 * Game page - full viewport Phaser canvas.
 *
 * This page hosts the Phaser game instance for active matches.
 * Uses the 'game' layout (no navigation, full viewport).
 */
import { useRoute } from 'vue-router'

const route = useRoute()
const gameId = route.params.id as string
</script>

<template>
  <div class="flex h-screen w-screen items-center justify-center bg-gray-900">
    <div class="text-center text-white">
      <h1 class="mb-4 text-2xl">
        Game {{ gameId }}
      </h1>
      <p class="text-gray-400">
        Phaser game canvas will be mounted here
      </p>
      <!-- TODO: Mount PhaserGame component here -->
    </div>
  </div>
</template>
