WIP zone loading

src/components/game/zone/Zone.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onUnmounted } from 'vue'
+import { ref, onUnmounted, onMounted, onBeforeMount } from 'vue'
 import { useScene } from 'phavuer'
 import { useGameStore } from '@/stores/gameStore'
 import { useZoneStore } from '@/stores/zoneStore'
@@ -51,12 +51,11 @@ gameStore.connection!.on('character:move', (data: { id: number; positionX: numbe
   zoneStore.updateCharacterPosition(data)
 })
 
-// Emit zone:character:join event to server and wait for response, then set zone and characters
-gameStore!.connection!.emit('zone:character:join', async (response: zoneLoadData) => {
-  console.log(response)
-  await loadZoneTilesIntoScene(response.zone, scene)
-  zoneStore.setZone(response.zone)
-  zoneStore.setCharacters(response.characters)
+onBeforeMount(async () => {
+  console.log(gameStore.character!.zone!.id)
+  await loadZoneTilesIntoScene(gameStore.character!.zone!.id, scene)
+  zoneStore.setZone(gameStore.character!.zone!)
+  // zoneStore.setCharacters(response.characters)
 })
 
 onUnmounted(() => {