From 55812cd122b693e03d224b804898dda5f7d09cde Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 10 Aug 2023 17:20:14 +0530
Subject: [PATCH] fix: updateSort instead of default v-model logic

---
 frontend/src/components/SortBy.vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/SortBy.vue b/frontend/src/components/SortBy.vue
index a33263f0..53828578 100644
--- a/frontend/src/components/SortBy.vue
+++ b/frontend/src/components/SortBy.vue
@@ -30,8 +30,9 @@
               </div>
               <Autocomplete
                 class="!w-32"
-                v-model="sort.fieldname"
+                :value="sort.fieldname"
                 :options="sortOptions.data"
+                @change="(e) => updateSort(e, i)"
                 placeholder="Sort by"
               />
               <FormControl
@@ -150,9 +151,6 @@ watch(
   (value) => {
     const updatedSort = value
       .map((sort) => {
-        if (typeof sort.fieldname == 'object') {
-          sort.fieldname = sort.fieldname.value
-        }
         const option = sortOptions.data.find((o) => o.value === sort.fieldname)
         return `${option.value} ${sort.direction}`
       })
@@ -181,6 +179,13 @@ function setSort(data) {
   sortSortable.start()
 }
 
+function updateSort(data, index) {
+  sortValues.value[index] = {
+    fieldname: data.value,
+    direction: sortValues.value[index].direction,
+  }
+}
+
 function removeSort(index) {
   sortValues.value.splice(index, 1)
 }