From 93badd28b1fe5a2d7fff8e56437faf2e630fc2aa Mon Sep 17 00:00:00 2001
From: "Timothy Adams J." <timothyadamsjenuil@gmail.com>
Date: Tue, 21 Nov 2023 17:42:24 +0800
Subject: [PATCH] fix: resolve inaccurate search results

---
 components/input-search.vue | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/components/input-search.vue b/components/input-search.vue
index 83cf814..584ed0c 100644
--- a/components/input-search.vue
+++ b/components/input-search.vue
@@ -19,8 +19,8 @@
 </template>
 
 <script>
-// import { distance } from "fastest-levenshtein";
-import distance from "jaro-winkler";
+import { distance } from "fastest-levenshtein";
+// import distance from "jaro-winkler";
 
 export default {
   data() {
@@ -73,10 +73,11 @@ export default {
       });
     },
     updateResults(section, input) {
-      const isIncluded = this.results.some(
-        (result) => result.title === section.title
-      );
-      if (isIncluded) return;
+      // WARNING: this causes the results not to be updated
+      // const isIncluded = this.results.some(
+      //   (result) => result.title === section.title
+      // );
+      // if (isIncluded) return;
       const sectionTitle = section.title;
       const lowerSectionTitle = sectionTitle.toLowerCase();
       const lowerInput = input.toLowerCase();
@@ -88,13 +89,16 @@ export default {
           },
         };
         this.results.push(result);
+        this.sortResults();
       }
     },
     sortResults() {
-      this.results.sort((a, b) => b.distance - a.distance);
+      // levenstein distance sorting: a - b (ascending)
+      // jaro-winkler distance sorting: b - a (descending)
+      this.results.sort((a, b) => a.distance - b.distance);
     },
     quickSearch(event) {
-      if (this.results.length > 0) this.sortResults();
+      this.results = []; // reset results to get new results
       const input = event.target.value;
       if (input.length > 0) {
         this.sections.forEach((section) => {
@@ -107,8 +111,6 @@ export default {
             this.updateResults(section, input);
           }
         });
-      } else {
-        this.results = [];
       }
     },
   },