![]()
import config from '@/config'
-import { ref, onMounted, computed, watch } from 'vue'
+import { ref, onMounted, computed } from 'vue'
import { useZoneEditorStore } from '@/stores/zoneEditor'
import { useGameStore } from '@/stores/game'
import Modal from '@/components/utilities/Modal.vue'
@@ -47,13 +58,28 @@ const gameStore = useGameStore()
const isModalOpen = ref(false)
const zoneEditorStore = useZoneEditorStore()
const searchQuery = ref('')
+const selectedTags = ref
([])
+
+const uniqueTags = computed(() => {
+ const allTags = zoneEditorStore.tileList.flatMap(tile => tile.tags || [])
+ return Array.from(new Set(allTags))
+})
const filteredTiles = computed(() => {
- if (!searchQuery.value) {
- return zoneEditorStore.tileList
+ return zoneEditorStore.tileList.filter((tile) => {
+ const matchesSearch = !searchQuery.value || tile.name.toLowerCase().includes(searchQuery.value.toLowerCase());
+ const matchesTags = selectedTags.value.length === 0 || (tile.tags && selectedTags.value.some(tag => tile.tags.includes(tag)));
+ return matchesSearch && matchesTags;
+ })
+});
+
+const toggleTag = (tag: string) => {
+ if (selectedTags.value.includes(tag)) {
+ selectedTags.value = selectedTags.value.filter(t => t !== tag)
+ } else {
+ selectedTags.value.push(tag)
}
- return zoneEditorStore.tileList.filter((tile) => tile.name.toLowerCase().includes(searchQuery.value.toLowerCase()))
-})
+}
onMounted(async () => {
isModalOpen.value = true
@@ -61,4 +87,4 @@ onMounted(async () => {
zoneEditorStore.setTileList(response)
})
})
-
+
\ No newline at end of file
diff --git a/src/stores/zoneEditor.ts b/src/stores/zoneEditor.ts
index 215075e..c9a9eb4 100644
--- a/src/stores/zoneEditor.ts
+++ b/src/stores/zoneEditor.ts
@@ -3,7 +3,7 @@ import type { Zone, Object, Tile } from '@/types'
export const useZoneEditorStore = defineStore('zoneEditor', {
state: () => ({
- active: false,
+ active: true,
zone: null as Zone | null,
tool: 'move',
drawMode: 'tile',
diff --git a/src/types.ts b/src/types.ts
index 1d062f3..86cf7d9 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -21,6 +21,7 @@ export type Tile = {
export type Object = {
id: string
name: string
+ tags: string[]
origin_x: number
origin_y: number
createdAt: Date