From f18f83b11045c47cc5bb3de79f5e3a30329163a9 Mon Sep 17 00:00:00 2001
From: Burak Civan <burakcivan22@gmail.com>
Date: Wed, 21 Sep 2022 12:25:36 +0300
Subject: [PATCH] vue v-model refactoring for mobile phones

---
 .../assets/js/components/AkauntingContactCard.vue      | 10 ++++++----
 .../assets/js/components/AkauntingDocumentButton.vue   |  8 +++++---
 resources/assets/js/components/AkauntingItemButton.vue |  8 +++++---
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/resources/assets/js/components/AkauntingContactCard.vue b/resources/assets/js/components/AkauntingContactCard.vue
index dd494aef5..5dee23121 100644
--- a/resources/assets/js/components/AkauntingContactCard.vue
+++ b/resources/assets/js/components/AkauntingContactCard.vue
@@ -26,9 +26,9 @@
                                 autocapitalize="default" autocorrect="ON"
                                 :placeholder="placeholder"
                                 :ref="'input-contact-field-' + _uid"
-                                v-model="search"
-                                @input="onInput"
-                                @keyup.enter="onInput"
+                                :value="search"
+                                @input="onInput($event)"
+                                @keyup.enter="onInput($event)"
                             />
                         </div>
 
@@ -304,7 +304,9 @@ export default {
             });
         },
 
-        onInput() {
+        onInput(event) {
+            this.search = event.target.value;
+
             window.axios.get(this.searchRoute + '?search="' + this.search + '" enabled:1 limit:10')
             .then(response => {
                 this.contact_list = [];
diff --git a/resources/assets/js/components/AkauntingDocumentButton.vue b/resources/assets/js/components/AkauntingDocumentButton.vue
index 8961ae918..871ab80a6 100644
--- a/resources/assets/js/components/AkauntingDocumentButton.vue
+++ b/resources/assets/js/components/AkauntingDocumentButton.vue
@@ -18,8 +18,8 @@
                         autocapitalize="default" 
                         autocorrect="ON" 
                         :placeholder="placeholder"
-                        v-model="search"
-                        @input="onInput"
+                        :value="search"
+                        @input="onInput($event)"
                         :ref="'input-item-field-' + _uid"
                     />
                 </div>
@@ -213,7 +213,9 @@ export default {
             }.bind(this), 100);
         },
 
-        onInput() {
+        onInput(event) {
+            this.search = event.target.value;
+
             //to optimize performance we kept the condition that checks for if search exists or not
             if (!this.search) {
                 return;
diff --git a/resources/assets/js/components/AkauntingItemButton.vue b/resources/assets/js/components/AkauntingItemButton.vue
index 81cf6f2f0..4e1098f39 100644
--- a/resources/assets/js/components/AkauntingItemButton.vue
+++ b/resources/assets/js/components/AkauntingItemButton.vue
@@ -16,8 +16,8 @@
                        autocapitalize="default" 
                        autocorrect="ON" 
                        :placeholder="placeholder"
-                       v-model="search"
-                       @input="onInput"
+                       :value="search"
+                        @input="onInput($event)"
                        :ref="'input-item-field-' + _uid"
                        @keydown.enter="inputEnterEvent"
                    />
@@ -282,7 +282,9 @@ export default {
             }.bind(this), 100);
         },
 
-        onInput() {
+        onInput(event) {
+            this.search = event.target.value;
+
             this.isItemMatched = false;
             //to optimize performance we kept the condition that checks for if search exists or not
             if (!this.search) {