sync

src/views/TheTopics.vue

@@ -1,31 +1,9 @@
 <script setup lang="ts">
-import type { Topic, Paper, Search, Filter } from '@/types'
-import { papers } from '@/store'
-import { computed } from 'vue';
 import FilterSidebar from '@/components/papers/FilterSidebar.vue'
 import TopicList from '@/components/papers/TopicList.vue'
-
-const props = defineProps<{
-  search: Search,
-  filter: Filter,
-}>()
-const topics = computed(() => {
-  const topicReferences = [...new Set(papers.papers?.map((paper: Paper) => paper.reference))]
-  return topicReferences.map( (reference: string) => {
-    return {
-      'reference': reference, 
-      'papers': papers.papers?.filter( (paper: Paper) => paper.reference === reference),
-    }
-  }) as Array<Topic>
-})
 </script>
 
 <template>
-  <FilterSidebar
-    @filter="(filter: Filter) => filter = filter"
-  />
-  <TopicList
-    :searchProp="search"
-    :filterProp="filter"
-  />
+  <FilterSidebar />
+  <TopicList />
 </template>

src/views/TopicShow.vue

@@ -1,19 +1,18 @@
 <script setup lang="ts">
-import { computed } from 'vue'
+/* import { computed } from 'vue'
 import type { Paper } from '@/types'
-import { useRouter, useRoute } from 'vue-router'
+import { useRoute } from 'vue-router'
 
 const props = defineProps({
   papers: Array<Paper>,
 })
-const router = useRouter()
 const route = useRoute()
 const topicId = computed(() => {
   return route.params.id
 })
 const topic = computed(() => {
-  props.papers?.find( (paper: any) => paper.reference == topicId )
-})
+  return props.papers?.find( (paper: any) => paper.reference == topicId.value )
+}) */
 </script>
 
 <template>