From e5f28fede7336b4d80775dcb1a0d7263c9dc3ff8 Mon Sep 17 00:00:00 2001
From: vrifox <vrifox@vrifox.cc>
Date: Fri, 16 Jun 2023 15:23:23 +0200
Subject: [PATCH] clarify variable name

---
 src/App.vue               |  2 +-
 src/components/Papers.vue | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 23a77ec..5b43741 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -50,7 +50,7 @@ export default {
     />
     <Papers
       @papers="(p) => papers = p"
-      :filterValue="search.value"
+      :paperQuery="search"
       :paperFilter="paperFilter"
     />
   </main>
diff --git a/src/components/Papers.vue b/src/components/Papers.vue
index 6d10764..60d8b43 100644
--- a/src/components/Papers.vue
+++ b/src/components/Papers.vue
@@ -25,16 +25,16 @@ export default {
     }
   }, 
   props: {
-    filterValue: String,
-    paperFilter: Array,
+    paperQuery: Object,
+    paperFilter: Object,
   },
   computed: {
     filteredData() {
-      const filterValue: String = this.filterValue
+      const paperQuery: String = this.paperQuery?.value
       let filteredPapers: Papers[] = this.papers
-      if (filterValue !== '') {
+      if (paperQuery !== '') {
         filteredPapers = this.papers.filter((paper) => {
-          return paper.name.toLowerCase().includes(filterValue.toLowerCase())
+          return paper.name.toLowerCase().includes(paperQuery.toLowerCase())
         })
       }
       if (this.paperFilter?.type !== '') {