Hot reload after adding new objects

src/components/utilities/assetManager/partials/TileList.vue

@@ -36,6 +36,7 @@ const handleFileUpload = (e: Event) => {
     }
 
     assetStore.fetchAssets()
+
     socket.connection.emit('gm:tile:list', {}, (response: string[]) => {
       assetManagerStore.setTileList(response)
     })

src/components/utilities/zoneEditor/ZoneEditor.vue

@@ -144,24 +144,27 @@ function save() {
   })
 }
 
-onMounted(() => {
-  watch(
-    () => 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)
-        }
-      })
+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()
-    },
-    { deep: true }
-  )
-})
+    scene.load.start()
+
+    scene.load.once('complete', () => {
+      console.log('assets re-loaded')
+    })
+  },
+  { deep: true }
+)
 
 onBeforeMount(() => {
   exampleTilesArray.forEach((row, y) => row.forEach((tile, x) => placeTile(zone, tiles, x, y, 'blank_tile')))