diff --git a/src/screens/Game.vue b/src/screens/Game.vue
index 38fa0c7..5fdd527 100644
--- a/src/screens/Game.vue
+++ b/src/screens/Game.vue
@@ -29,6 +29,7 @@
 import config from '@/config'
 import 'phaser'
 import { onUnmounted, toRaw, watch, ref } from 'vue'
+import { storeToRefs } from 'pinia'
 import { Game, Scene } from 'phavuer'
 import { useSocketStore } from '@/stores/socket'
 import { useZoneEditorStore } from '@/stores/zoneEditor'
@@ -45,6 +46,7 @@ const socket = useSocketStore()
 const zoneEditorStore = useZoneEditorStore()
 const assetStore = useAssetStore()
 const isLoaded = ref(false)
+const { assets } = storeToRefs(assetStore)
 
 onUnmounted(() => {
   socket.disconnectSocket()
@@ -74,7 +76,7 @@ const createGame = (game: Phaser.Game) => {
 
 const preloadScene = (scene: Phaser.Scene) => {
   /**
-   * @TODO : Fix the progress bar so its centered correctly
+   * Create loading bar
    */
   const width = scene.cameras.main.width;
   const height = scene.cameras.main.height;
@@ -111,7 +113,7 @@ const preloadScene = (scene: Phaser.Scene) => {
   /**
    * Load the assets into the Phaser scene
    */
-  toRaw(assetStore.assets).forEach((asset) => {
+  assets.value.forEach((asset) => {
     if (asset.type === 'link') {
       scene.load.image(asset.key, config.server_endpoint + '/assets' + asset.value + '.png')
     }
@@ -138,11 +140,11 @@ const createScene = (scene: Phaser.Scene) => {
     repeat: -1
   })
 
-  watch(
-    () => assetStore.assets,
-    () => {
-      console.log('re-loading assets', assetStore.assets)
-      toRaw(assetStore.assets).forEach((asset) => {
+  /**
+   * Watch for changes in assets and reload them
+   */
+  watch(assets, (newAssets) => {
+      newAssets.forEach((asset) => {
         if (asset.type === 'link') {
           scene.load.image(asset.key, config.server_endpoint + '/assets' + asset.value + '.png')
         }
@@ -156,14 +158,7 @@ const createScene = (scene: Phaser.Scene) => {
       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', () => {
-  //   grid.setSize(window.innerWidth, window.innerHeight);
-  // });
 }
 </script>
\ No newline at end of file