Added comments, simplified if statement

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 && zoneEditorStore.zone.tiles) {
-    if (zoneEditorStore.zone.tiles) {
+    setAllTiles(zoneTilemap, tiles, zoneEditorStore.zone.tiles)
-      setAllTiles(zoneTilemap, tiles, zoneEditorStore.zone.tiles)
+    zoneTiles = zoneEditorStore.zone.tiles
-      zoneTiles = zoneEditorStore.zone.tiles
-    }
-    zoneObjects.value = zoneEditorStore.zone?.zoneObjects ?? []
   }
+  zoneObjects.value = zoneEditorStore.zone?.zoneObjects ?? []
 })
 
 onBeforeUnmount(() => {