From 689e443b3da899470b72dae9834c6d51c01bb8e5 Mon Sep 17 00:00:00 2001
From: Dennis Postma <dennis@directonline.io>
Date: Sun, 12 Jan 2025 03:24:31 +0100
Subject: [PATCH] .

---
 src/components/game/character/Character.vue | 11 +++--------
 src/composables/useCharacterMovement.ts     |  0
 src/composables/useCharacterPosition.ts     |  0
 src/composables/useCharacterSprite.ts       |  0
 4 files changed, 3 insertions(+), 8 deletions(-)
 create mode 100644 src/composables/useCharacterMovement.ts
 create mode 100644 src/composables/useCharacterPosition.ts
 create mode 100644 src/composables/useCharacterSprite.ts

diff --git a/src/components/game/character/Character.vue b/src/components/game/character/Character.vue
index cbcbb22..96f99bd 100644
--- a/src/components/game/character/Character.vue
+++ b/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!)
diff --git a/src/composables/useCharacterMovement.ts b/src/composables/useCharacterMovement.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/composables/useCharacterPosition.ts b/src/composables/useCharacterPosition.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/composables/useCharacterSprite.ts b/src/composables/useCharacterSprite.ts
new file mode 100644
index 0000000..e69de29