npm run format

src/App.vue

@@ -2,7 +2,7 @@
   <div class="overflow-hidden">
     <Notifications />
     <Login v-if="screen === 'login'" />
-<!--    <Register v-if="screen === 'register'" />-->
+    <!--    <Register v-if="screen === 'register'" />-->
     <Characters v-if="screen === 'characters'" />
     <Game v-if="screen === 'game'" />
   </div>

src/components/gameMaster/zoneEditor/ZoneEditor.vue

@@ -81,9 +81,7 @@ function createTileLayer() {
 }
 
 function createTileArray() {
-  return Array.from({ length: zoneTilemap.value.height || 0 }, () =>
+  return Array.from({ length: zoneTilemap.value.height || 0 }, () => Array.from({ length: zoneTilemap.value.width || 0 }, () => 'blank_tile'))
-    Array.from({ length: zoneTilemap.value.width || 0 }, () => 'blank_tile')
-  )
 }
 
 function getObjectImageProps(object: ZoneObject) {
@@ -174,9 +172,7 @@ function paint() {
 
   // Ensure tileArray is initialized with correct dimensions
   if (!tileArray.value || tileArray.value.length !== zoneTilemap.value.height) {
-    tileArray.value = Array.from({ length: zoneTilemap.value.height }, () =>
+    tileArray.value = Array.from({ length: zoneTilemap.value.height }, () => Array.from({ length: zoneTilemap.value.width }, () => 'blank_tile'))
-      Array.from({ length: zoneTilemap.value.width }, () => 'blank_tile')
-    )
   }
 
   // Set all tiles in the tilemap to the selected tile's id

src/components/sprites/Character.vue

@@ -1,8 +1,8 @@
 <template>
   <Container v-if="props.character" :x="currentX" :y="currentY">
     <!--    Start chat bubble -->
-        <RoundRectangle :origin-x="0.5" :origin-y="7.5" :fillColor="0xffffff" :width="194" :height="21" :radius="5" />
+    <RoundRectangle :origin-x="0.5" :origin-y="7.5" :fillColor="0xffffff" :width="194" :height="21" :radius="5" />
-        <Text @create="createText" :text="`This is a chat message 🤯👋`" :origin-x="0.5" :origin-y="10.9" :style="{ fontSize: 13, fontFamily: 'Arial', color: '#000' }" />
+    <Text @create="createText" :text="`This is a chat message 🤯👋`" :origin-x="0.5" :origin-y="10.9" :style="{ fontSize: 13, fontFamily: 'Arial', color: '#000' }" />
     <!--    End chat bubble -->
     <Text @create="createText" :text="props.character.name" :origin-x="0.5" :origin-y="9" />
     <RoundRectangle :origin-x="0.5" :origin-y="18.5" :fillColor="0xffffff" :width="74" :height="6" :radius="5" />

src/composables/useCameraControls.ts

@@ -25,4 +25,4 @@ export function useCameraControls(scene: Phaser.Scene): any {
     camera,
     isDragging
   }
-}
+}

src/screens/Characters.vue

@@ -77,9 +77,7 @@
       <h3 class="m-0 font-medium">Create your character</h3>
     </template>
 
-    <template #modalBody>
+    <template #modalBody> </template>
-
-    </template>
   </Modal>
 </template>