Started refactoring zone editor

src/components/gameMaster/zoneEditor/Objects.vue

@@ -0,0 +1,31 @@
+<template>
+  <SelectedZoneObject v-if="zoneEditorStore.selectedZoneObject" />
+  <Image v-for="object in zoneEditorStore.zone?.zoneObjects" :key="object.id" v-bind="getObjectImageProps(object)" />
+</template>
+
+<script setup lang="ts">
+import { tileToWorldX, tileToWorldY } from '@/composables/zoneComposable'
+import { Image } from 'phavuer'
+import { useZoneEditorStore } from '@/stores/zoneEditorStore'
+import type { ZoneObject } from '@/types'
+import { ZoneEventTileType } from '@/types'
+import SelectedZoneObject from '@/components/gameMaster/zoneEditor/partials/SelectedZoneObject.vue'
+
+const zoneEditorStore = useZoneEditorStore()
+
+const props = defineProps<{
+  tilemap: Phaser.Tilemaps.Tilemap
+}>()
+
+function getObjectImageProps(object: ZoneObject) {
+  return {
+    // alpha: object.id === movingZoneObject.value?.id ? .5 : 1,
+    tint: zoneEditorStore.selectedZoneObject?.id === object.id ? 0x00ff00 : 0xffffff,
+    x: tileToWorldX(props.tilemap as any, object.positionX, object.positionY),
+    y: tileToWorldY(props.tilemap as any, object.positionX, object.positionY),
+    texture: object.object.id,
+    originY: Number(object.object.originX),
+    originX: Number(object.object.originY)
+  }
+}
+</script>