From 4cb7fa3a435cc52c0048b0451b987aa6584d9124 Mon Sep 17 00:00:00 2001
From: aminecmi <aminecmi@gmail.com>
Date: Sun, 17 Jul 2022 22:04:49 +0200
Subject: [PATCH] Save List on enter

---
 src/components/ListCreateUpdateModal.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/ListCreateUpdateModal.vue b/src/components/ListCreateUpdateModal.vue
index 5e5640f..c7cde6c 100644
--- a/src/components/ListCreateUpdateModal.vue
+++ b/src/components/ListCreateUpdateModal.vue
@@ -7,7 +7,7 @@
           <label class="label">Name
           </label>
           <div class="control">
-            <input class="input" type="text" v-model="name">
+            <input class="input" type="text" v-model="name" v-on:keyup="createIfEnter">
           </div>
         </div>
         <button class="button is-primary" v-if="item === null" v-on:click="createItem">Create new list</button>
@@ -31,6 +31,11 @@ export default {
     toggleModal: function () {
       this.$emit('toggleModal')
     },
+    createIfEnter: function (e) {
+      if (e.key === 'Enter') {
+        this.createItem();
+      }
+    },
     createItem: function () {
       fetch(`${process.env.VUE_APP_API_BASE_URL}/api/lists`, {
         method: 'POST',