synchie

src/components/SearchBar.vue

@@ -36,5 +36,4 @@ onUpdated(() => updateSearch(searchValue, searchType))
       </div>
     </div>
   </form>
-  {{ searchValue + searchType }}
 </template>

src/components/papers/TopicList.vue

@@ -6,13 +6,19 @@ import { computed, onMounted, onUpdated } from 'vue';
 const filteredData = computed(() => {
   const searchValue: string = state.search.value;
   let filteredTopics = state.topics
-  if (state.search.value !== '') {
+  let testi = null
+  
+  if (searchValue !== '') {
     filteredTopics = state.topics?.filter((topic: Topic) => {
       return topic.papers?.filter((paper) => {
-        paper.name.toLowerCase().includes(searchValue.toLowerCase()) /* || paper.content.toLowerCase().includes(searchValue.toLowerCase()) || paper.reference.toLowerCase().includes(searchValue.toLowerCase()) */
+        paper.name.toLowerCase().includes(searchValue.toLowerCase())
+        // || paper.content.toLowerCase().includes(searchValue.toLowerCase())
+        // || paper.reference.toLowerCase().includes(searchValue.toLowerCase())
+        testi = paper.name.toLowerCase().includes(searchValue.toLowerCase())
       })
     })
   }
+  console.log(testi)
   /* if (this.filter?.type !== '') {
     filteredTopics = filteredTopics.filter((topic: any) => {
       return topic.reference.includes(this.filter?.type.key) && topic.paper_type.includes(this.filter?.type.value)
@@ -43,7 +49,7 @@ onUpdated(() => {
 </script>
 
 <template>
-  {{ state.search.value }}
+  {{ filteredData }}
   <ul
     v-if="filteredDataLength > 0"
     class="w-full grid grid-flow-row gap-2 my-2"

src/stores/index.ts

@@ -13,7 +13,7 @@ interface State {
 export const state: State = reactive({
   papers: [],
   topics: [],
-  search: { value: ref(), type: ref() },
+  search: { value: '', type: '' },
   filter: [],
 })
 
@@ -33,8 +33,8 @@ export function getTopics() {
 
 export function updateSearch(searchValue: Ref, searchType: Ref) {
   state.search = {
-    value: searchValue,
+    value: searchValue.value,
-    type: searchType,
+    type: searchType.value,
   }
 }
 

src/types/index.ts

@@ -1,5 +1,3 @@
-import type { Ref } from "vue";
-
 export interface Topic {
   reference: string,
   papers: Array<Paper>,
@@ -18,8 +16,8 @@ export interface Paper {
 }
 
 export interface Search {
-  value: Ref,
+  value: string,
-  type: Ref,
+  type: string,
 }
 
 export interface Filter {