Merge branch 'main' of github.com:fumeapp/tailvue

fumeapp · Jun 17, 2022 · a94fd98 · a94fd98
2 parents 8a0000d + f86c47a
commit a94fd98
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/ModalBase.vue b/src/ModalBase.vue
@@ -41,6 +41,7 @@
 
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue'
+import { onKeyStroke } from '@vueuse/core'
 import { Icon } from '@iconify/vue'
 
 const props = defineProps({
@@ -62,6 +63,10 @@ const props = defineProps({
 })
 const active = ref(false)
 onMounted(() => active.value = true)
+onKeyStroke('Escape', (e: KeyboardEvent) => {
+  e.preventDefault()
+  destroy()
+})
 async function destroy() {
   active.value = false
   setTimeout(() => props.destroyed(), 200)