sprite shit

src/components/game/character/Character.vue

@@ -20,7 +20,7 @@ import { CharacterTypeStorage } from '@/storage/storages'
 import { useGameStore } from '@/stores/gameStore'
 import { useMapStore } from '@/stores/mapStore'
 import { Container, refObj, Sprite, useScene } from 'phavuer'
-import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
+import { computed, onBeforeMount, onBeforeUnmount, onMounted, onUnmounted, ref, watch } from 'vue'
 
 // import CharacterChest from '@/components/game/character/partials/CharacterChest.vue'
 
@@ -151,21 +151,15 @@ watch(
   }
 )
 
-const characterTypeStorage = new CharacterTypeStorage()
-characterTypeStorage.getSpriteId(props.mapCharacter.character.characterType!).then((spriteId) => {
-  console.log(spriteId)
-  charSpriteId.value = spriteId
-  loadSpriteTextures(scene, spriteId)
-    .then(() => {
-      charSprite.value!.setTexture(charTexture.value)
-      charSprite.value!.setFlipX(isFlippedX.value)
-    })
-    .catch((error) => {
-      console.error('Error loading texture:', error)
-    })
-})
+onBeforeMount(async () => {
+  const characterTypeStorage = new CharacterTypeStorage()
+
+  const spriteId = await characterTypeStorage.getSpriteId(props.mapCharacter.character.characterType!)
+  await loadSpriteTextures(scene, spriteId)
+
+  charSprite.value!.setTexture(charTexture.value)
+  charSprite.value!.setFlipX(isFlippedX.value)
 
-onMounted(() => {
   charContainer.value!.setName(props.mapCharacter.character!.name)
 
   if (props.mapCharacter.character.id === gameStore.character!.id) {