#236: Fixed clear button in map editor

src/components/gameMaster/zoneEditor/zonePartials/ZoneTiles.vue

@@ -6,7 +6,7 @@
 import config from '@/config'
 import { useScene } from 'phavuer'
 import { useZoneEditorStore } from '@/stores/zoneEditorStore'
-import { onMounted, onUnmounted } from 'vue'
+import { onMounted, onUnmounted, watch } from 'vue'
 import { createTileArray, getTile, placeTile, setLayerTiles } from '@/composables/zoneComposable'
 import Controls from '@/components/utilities/Controls.vue'
 import { useGameStore } from '@/stores/gameStore'
@@ -175,6 +175,18 @@ function tilePicker(pointer: Phaser.Input.Pointer) {
   zoneEditorStore.setSelectedTile(zoneEditorStore.zone.tiles[tile.y][tile.x])
 }
 
+watch(
+  () => zoneEditorStore.shouldClearTiles,
+  (shouldClear) => {
+    if (shouldClear && zoneEditorStore.zone) {
+      const blankTiles = createTileArray(tileMap.width, tileMap.height, 'blank_tile')
+      setLayerTiles(tileMap, tileLayer, blankTiles)
+      zoneEditorStore.zone.tiles = blankTiles
+      zoneEditorStore.resetClearTilesFlag()
+    }
+  }
+)
+
 onMounted(() => {
   if (!zoneEditorStore.zone?.tiles) {
     return