adds phaser container component

src/components/PhaserContainer.vue

@@ -0,0 +1,37 @@
+<template>
+    <div id="game">
+      <ion-button v-if="showButton" @click="handleClickStart">Start</ion-button>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import { IonButton } from '@ionic/vue';
+import { Game} from 'phaser';
+
+// binds to the v-if on our button to toggle visibility
+const showButton = ref(true)
+
+// Creates the new Phaser Game instance
+function launch() {
+// We'll fill this in later
+}
+
+function handleClickStart() {
+  // hides launch button
+  showButton.value = false;
+
+  // Runs the launch function
+  launch();
+}
+</script>
+
+<style scoped>
+#game {
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+}
+</style>

src/views/PlayPage.vue

@@ -11,13 +11,12 @@
           <ion-title size="large">Play</ion-title>
         </ion-toolbar>
       </ion-header>
-
-      <ExploreContainer name="Play page" />
+      <PhaserContainer/>
     </ion-content>
   </ion-page>
 </template>
 
 <script setup lang="ts">
 import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/vue';
-import ExploreContainer from '@/components/ExploreContainer.vue';
+import PhaserContainer from '@/components/PhaserContainer.vue';
 </script>