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 !== '') {