From 6684565488c27ab0d9fc0669ce16636e2a01a9e7 Mon Sep 17 00:00:00 2001
From: Dennis Postma <dennis@directonline.io>
Date: Mon, 8 Jul 2024 20:09:29 +0200
Subject: [PATCH] Added comments, simplified if statement

---
 .../utilities/zoneEditor/ZoneEditor.vue       | 25 ++++++++++++++-----
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/components/utilities/zoneEditor/ZoneEditor.vue b/src/components/utilities/zoneEditor/ZoneEditor.vue
index 93939ce..60003ac 100644
--- a/src/components/utilities/zoneEditor/ZoneEditor.vue
+++ b/src/components/utilities/zoneEditor/ZoneEditor.vue
@@ -46,9 +46,24 @@ const zoneData = new Phaser.Tilemaps.MapData({
   format: Phaser.Tilemaps.Formats.ARRAY_2D
 })
 
+/**
+ * This array is used to store the tileset images
+ */
 const tilesetImages: Tileset[] = []
+
+/**
+ * Create a new tilemap which will be used to draw the zone
+ */
 const zoneTilemap = new Phaser.Tilemaps.Tilemap(scene, zoneData)
+
+/**
+ * This array is used to store the tileset key for each tile in the zone
+ */
 let zoneTiles = [] as string[][];
+
+/**
+ * This array is used to store the objects in the zone
+ */
 const zoneObjects = ref<ZoneObject[]>([])
 
 /**
@@ -142,13 +157,11 @@ onBeforeMount(() => {
   exampleTilesArray.forEach((row, y) => row.forEach((tile, x) => placeTile(zoneTilemap, tiles, x, y, 'blank_tile')))
   zoneTiles = exampleTilesArray
 
-  if (zoneEditorStore.zone) {
-    if (zoneEditorStore.zone.tiles) {
-      setAllTiles(zoneTilemap, tiles, zoneEditorStore.zone.tiles)
-      zoneTiles = zoneEditorStore.zone.tiles
-    }
-    zoneObjects.value = zoneEditorStore.zone?.zoneObjects ?? []
+  if (zoneEditorStore.zone && zoneEditorStore.zone.tiles) {
+    setAllTiles(zoneTilemap, tiles, zoneEditorStore.zone.tiles)
+    zoneTiles = zoneEditorStore.zone.tiles
   }
+  zoneObjects.value = zoneEditorStore.zone?.zoneObjects ?? []
 })
 
 onBeforeUnmount(() => {