small clean up

src/screens/Game.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="game-container">
-    <GmPanel />
     <GmTools />
+    <GmPanel />
 
     <Game class="game" :config="gameConfig" @create="createGame" v-if="!zoneEditorStore.active">
       <Scene name="main" @preload="preloadScene" @create="createScene">
@@ -28,7 +28,7 @@
 <script setup lang="ts">
 import config from '@/config'
 import 'phaser'
-import { onUnmounted, toRaw } from 'vue'
+import { onUnmounted, toRaw, watch } from 'vue'
 import { Game, Scene } from 'phavuer'
 import { useSocketStore } from '@/stores/socket'
 import { useZoneEditorStore } from '@/stores/zoneEditor'
@@ -102,6 +102,28 @@ const createScene = (scene: Phaser.Scene) => {
     repeat: -1
   })
 
+  watch(
+    () => assetStore.assets,
+    () => {
+      console.log('re-loading assets', assetStore.assets)
+      toRaw(assetStore.assets).forEach((asset) => {
+        if (asset.type === 'link') {
+          scene.load.image(asset.key, config.server_endpoint + '/assets' + asset.value + '.png')
+        }
+        if (asset.type === 'base64') {
+          scene.textures.addBase64(asset.key, asset.value)
+        }
+      })
+
+      scene.load.start()
+
+      scene.load.once('complete', () => {
+        console.log('assets re-loaded')
+      })
+    },
+    { deep: true }
+  )
+
   // const grid = scene.add.grid(0, 0, window.innerWidth, window.innerHeight, 64, 32, 0, 0, 0xff0000, 0.5).setOrigin(0, 0);
   //
   // window.addEventListener('resize', () => {