.

src/components/game/character/Character.vue

@@ -2,16 +2,13 @@
   <ChatBubble :mapCharacter="props.mapCharacter" :currentX="currentPositionX" :currentY="currentPositionY" />
   <Healthbar :mapCharacter="props.mapCharacter" :currentX="currentPositionX" :currentY="currentPositionY" />
   <Container ref="charContainer" :depth="isometricDepth" :x="currentPositionX" :y="currentPositionY">
-    <!--    <CharacterHair :mapCharacter="props.mapCharacter" :currentX="currentX" :currentY="currentY" />-->
-    <!--    <CharacterChest :mapCharacter="props.mapCharacter" :currentX="currentX" :currentY="currentY" />-->
     <Sprite ref="charSprite" :origin-y="1" :flipX="isFlippedX" />
   </Container>
 </template>
 
 <script lang="ts" setup>
 import config from '@/application/config'
-import { type MapCharacter, type Sprite as SpriteT } from '@/application/types'
-import CharacterHair from '@/components/game/character/partials/CharacterHair.vue'
+import { type MapCharacter } from '@/application/types'
 import ChatBubble from '@/components/game/character/partials/ChatBubble.vue'
 import Healthbar from '@/components/game/character/partials/Healthbar.vue'
 import { loadSpriteTextures } from '@/composables/gameComposable'
@@ -20,9 +17,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, onBeforeMount, onBeforeUnmount, onMounted, onUnmounted, ref, watch } from 'vue'
-
-// import CharacterChest from '@/components/game/character/partials/CharacterChest.vue'
+import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
 
 enum Direction {
   POSITIVE,
@@ -151,7 +146,7 @@ watch(
   }
 )
 
-onBeforeMount(async () => {
+onMounted(async () => {
   const characterTypeStorage = new CharacterTypeStorage()
 
   const spriteId = await characterTypeStorage.getSpriteId(props.mapCharacter.character.characterType!)