From 4d5261a307bed83f67ebc4fc58f41cf9dfe72584 Mon Sep 17 00:00:00 2001
From: jeanvier <damien.grossfeld@gmail.com>
Date: Tue, 16 Jan 2024 11:43:55 +0100
Subject: [PATCH] feat: submit on keypress

---
 package.json                          |  2 +-
 src/runtime/components/FormSubmit.vue | 11 ++++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 4cf486b..c219f9f 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@wgr-sa/nuxt-form",
   "description": "Form builder for Nuxt",
-  "version": "0.7.6",
+  "version": "0.7.7",
   "repository": "https://github.com/WGR-SA/nuxt-form.git",
   "author": "jeanvier",
   "license": "MIT",
diff --git a/src/runtime/components/FormSubmit.vue b/src/runtime/components/FormSubmit.vue
index a933c60..ed08fc4 100644
--- a/src/runtime/components/FormSubmit.vue
+++ b/src/runtime/components/FormSubmit.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { inject } from 'vue'
+import { inject, onMounted } from 'vue'
 import { Form, useFormBuilder } from '#imports'
 
 const props = defineProps<{ validateOnly?: boolean }>()
@@ -14,6 +14,15 @@ const submit = async () => {
     form.submit()
   }
 }
+
+onMounted(() => {
+    document.addEventListener('keypress', function (event) {
+    if (event.key === 'Enter') {
+      submit()
+    }
+  });
+})
+
 </script>
 
 <template>