Updated tiles logics

src/stores/assetManager.ts

@@ -1,15 +1,15 @@
 import { ref } from 'vue'
 import { defineStore } from 'pinia'
-import type { Object } from '@/types'
+import type { Tile, Object } from '@/types'
 
 export const useAssetManagerStore = defineStore('assetManager', () => {
-  const tileList = ref<string[]>([])
-  const selectedTile = ref<string | null>(null)
+  const tileList = ref<Tile[]>([])
+  const selectedTile = ref<Tile | null>(null)
 
   const objectList = ref<Object[]>([])
   const selectedObject = ref<Object | null>(null)
 
-  function setTileList(tiles: string[]) {
+  function setTileList(tiles: Tile[]) {
     tileList.value = tiles
   }
 
@@ -17,7 +17,7 @@ export const useAssetManagerStore = defineStore('assetManager', () => {
     objectList.value = objects
   }
 
-  function setSelectedTile(tile: string) {
+  function setSelectedTile(tile: Tile | null) {
     selectedTile.value = tile
   }
 

src/stores/zoneEditor.ts

@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia'
-import type { Object, ZoneObject, Zone } from '@/types'
+import type { Zone, Object, Tile } from '@/types'
 
 export const useZoneEditorStore = defineStore('zoneEditor', {
   state: () => ({
@@ -7,9 +7,9 @@ export const useZoneEditorStore = defineStore('zoneEditor', {
     zone: null as Zone | null,
     tool: 'move',
     drawMode: 'tile',
-    tileList: [] as string[],
+    tileList: [] as Tile[],
     objectList: [] as Object[],
-    selectedTile: '',
+    selectedTile: null as Tile | null,
     selectedObject: null as Object | null,
     objectDepth: 0,
     isZoneListModalShown: false,
@@ -44,13 +44,13 @@ export const useZoneEditorStore = defineStore('zoneEditor', {
     setDrawMode(mode: string) {
       this.drawMode = mode
     },
-    setTileList(tiles: string[]) {
+    setTileList(tiles: Tile[]) {
       this.tileList = tiles
     },
     setObjectList(objects: Object[]) {
       this.objectList = objects
     },
-    setSelectedTile(tile: string) {
+    setSelectedTile(tile: Tile) {
       this.selectedTile = tile
     },
     setSelectedObject(object: any) {
@@ -74,7 +74,7 @@ export const useZoneEditorStore = defineStore('zoneEditor', {
       this.objectList = []
       this.tool = 'move'
       this.drawMode = 'tile'
-      this.selectedTile = ''
+      this.selectedTile = null
       this.selectedObject = null
       this.objectDepth = 0
       this.isSettingsModalShown = false