Make ConfirmModal emit confirm if Enter is pressed

2025-11-03 22:21:55 +00:00 · 2024-02-19 20:28:56 +05:00
parent c8c1fab373
commit 28dc5abf55
1 changed files with 14 additions and 0 deletions
--- a/src/components/ConfirmModal.vue
+++ b/src/components/ConfirmModal.vue
@@ -24,5 +24,19 @@ export default {
        },
    },
    emits: ["close", "confirm"],
+    mounted() {
+        window.addEventListener("keydown", this.handleKeyDown);
+    },
+    unmounted() {
+        window.removeEventListener("keydown", this.handleKeyDown);
+    },
+    methods: {
+        handleKeyDown(event) {
+            if (event.code === "Enter") {
+                this.$emit("confirm");
+                event.preventDefault();
+            }
+        },
+    },
 };
 </script>