diff --git a/src/components/gameMaster/mapEditor/partials/Toolbar.vue b/src/components/gameMaster/mapEditor/partials/Toolbar.vue index 765c021..927acd9 100644 --- a/src/components/gameMaster/mapEditor/partials/Toolbar.vue +++ b/src/components/gameMaster/mapEditor/partials/Toolbar.vue @@ -18,40 +18,25 @@ <div class="flex flex-col absolute bottom-full mb-5 left-1/2 -translate-x-1/2 bg-gray rounded min-w-28 border border-gray-500 border-solid text-left" v-show="selectPencilOpen && mapEditor.tool.value === 'pencil'"> <span class="py-2 px-2.5 relative hover:bg-cyan hover:text-white" - @click=" - setDrawMode('tile') - setPencilMode - " - > + @click="setDrawMode('tile'); setPencilMode"> Tile <div class="absolute w-4/5 left-1/2 -translate-x-1/2 bottom-0 h-px bg-cyan"></div> </span> <span class="py-2 px-2.5 relative hover:bg-cyan hover:text-white" - @click=" - setDrawMode('map_object') - setPencilMode - " - > + @click="setDrawMode('map_object'); setPencilMode"> Map object <div class="absolute w-4/5 left-1/2 -translate-x-1/2 bottom-0 h-px bg-cyan"></div> </span> <span class="py-2 px-2.5 relative hover:bg-cyan hover:text-white" - @click=" - setDrawMode('teleport') - setPencilMode - " - > + @click="setDrawMode('teleport'); setPencilMode"> Teleport <div class="absolute w-4/5 left-1/2 -translate-x-1/2 bottom-0 h-px bg-cyan"></div> </span> <span class="py-2 px-2.5 relative hover:bg-cyan hover:text-white" - @click=" - setDrawMode('blocking tile') - setPencilMode - " + @click="setDrawMode('blocking tile'); setPencilMode" >Blocking tile</span > </div> @@ -70,40 +55,28 @@ <div class="flex flex-col absolute bottom-full mb-5 left-1/2 -translate-x-1/2 bg-gray rounded min-w-28 border border-gray-500 border-solid text-left" v-show="selectEraserOpen"> <span class="py-2 px-2.5 relative hover:bg-cyan hover:text-white" - @click=" - setDrawMode('tile') - setEraserMode - " + @click="setDrawMode('tile'); setEraserMode" > Tile <div class="absolute w-4/5 left-1/2 -translate-x-1/2 bottom-0 h-px bg-cyan"></div> </span> <span class="py-2 px-2.5 relative hover:bg-cyan hover:text-white" - @click=" - setDrawMode('map_object') - setEraserMode - " + @click="setDrawMode('map_object'); setEraserMode" > Map object <div class="absolute w-4/5 left-1/2 -translate-x-1/2 bottom-0 h-px bg-cyan"></div> </span> <span class="py-2 px-2.5 relative hover:bg-cyan hover:text-white" - @click=" - setDrawMode('teleport') - setEraserMode - " + @click="setDrawMode('teleport'); setEraserMode" > Teleport <div class="absolute w-4/5 left-1/2 -translate-x-1/2 bottom-0 h-px bg-cyan"></div> </span> <span class="py-2 px-2.5 relative hover:bg-cyan hover:text-white" - @click=" - setDrawMode('blocking tile') - setEraserMode - " + @click="setDrawMode('blocking tile'); setEraserMode" >Blocking tile</span > </div> @@ -139,8 +112,7 @@ <script setup lang="ts"> import { useMapEditorComposable } from '@/composables/useMapEditorComposable' import { onClickOutside } from '@vueuse/core' -import { useScene } from 'phavuer' -import { computed, onBeforeUnmount, onMounted, ref } from 'vue' +import { onBeforeUnmount, onMounted, ref } from 'vue' const mapEditor = useMapEditorComposable()