Dismiss popups with escape (#1426)

Co-authored-by: Anbraten <anton@ju60.de>

web/src/components/layout/Popup.vue

@@ -14,11 +14,23 @@
 </template>
 
 <script lang="ts" setup>
-defineProps<{
+import { onKeyStroke } from '@vueuse/core';
+import { toRef } from 'vue';
+
+const props = defineProps<{
   open: boolean;
 }>();
 
-defineEmits<{
+const emit = defineEmits<{
   (event: 'close'): void;
 }>();
+
+const open = toRef(props, 'open');
+
+onKeyStroke('Escape', (e) => {
+  e.preventDefault();
+  if (open.value) {
+    emit('close');
+  }
+});
 </script>