#217: Solved duplicate texture loading issue, #215: Finished Dexie implementation.

src/components/zone/partials/ZoneObject.vue

@@ -1,21 +1,22 @@
 <template>
-  <Image v-if="isTextureLoaded" v-bind="imageProps" />
+  <Image v-if="gameStore.getLoadedAsset(props.zoneObject.object.id)" v-bind="imageProps" />
 </template>
 
 <script setup lang="ts">
-import { ref, computed } from 'vue'
+import { computed, onMounted } from 'vue'
 import { Image, useScene } from 'phavuer'
 import { calculateIsometricDepth, tileToWorldX, tileToWorldY } from '@/composables/zoneComposable'
 import { loadTexture } from '@/composables/gameComposable'
 import type { AssetDataT, ZoneObject } from '@/types'
+import { useGameStore } from '@/stores/gameStore'
 
 const props = defineProps<{
   tilemap: Phaser.Tilemaps.Tilemap
   zoneObject: ZoneObject
 }>()
 
+const gameStore = useGameStore()
 const scene = useScene()
-const isTextureLoaded = ref(false)
 
 const imageProps = computed(() => ({
   depth: calculateIsometricDepth(props.zoneObject.positionX, props.zoneObject.positionY, props.zoneObject.object.frameWidth, props.zoneObject.object.frameHeight),
@@ -34,11 +35,7 @@ loadTexture(scene, {
   updatedAt: props.zoneObject.object.updatedAt,
   frameWidth: props.zoneObject.object.frameWidth,
   frameHeight: props.zoneObject.object.frameHeight
-} as AssetDataT)
-  .then((loaded) => {
-    isTextureLoaded.value = loaded
-  })
-  .catch((error) => {
-    console.error('Error loading texture:', error)
-  })
+} as AssetDataT).catch((error) => {
+  console.error('Error loading texture:', error)
+})
 </script>