(wip) introduce routing

src/views/TheAbout.vue

@@ -0,0 +1,7 @@
+<script lang="ts">
+export default {}
+</script>
+
+<template>
+    About
+</template>

src/views/TheDocumentation.vue

@@ -0,0 +1,7 @@
+<script lang="ts">
+export default {}
+</script>
+
+<template>
+    {{ $route.name }}
+</template>

src/views/TheImprint.vue

@@ -0,0 +1,7 @@
+<script lang="ts">
+export default {}
+</script>
+
+<template>
+    Imprint
+</template>

src/views/TheLanding.vue

@@ -0,0 +1,7 @@
+<script lang="ts">
+export default {}
+</script>
+
+<template>
+    Landing Page
+</template>

src/views/TheMap.vue

@@ -0,0 +1,7 @@
+<script lang="ts">
+export default {}
+</script>
+
+<template>
+    Map
+</template>

src/views/TheTopics.vue

@@ -0,0 +1,33 @@
+<script lang="ts">
+import FilterView from '@/components/papers/FilterView.vue'
+import PaperList from '@/components/papers/PaperList.vue'
+
+export default {
+  components: {
+    FilterView,
+    PaperList,
+  },
+  data() {
+    return {
+      papers: this.papers,
+    }
+  },
+  computed: {
+    topics() {
+      return [...new Set(this.papers?.map((paper: any) => paper.reference))]
+    }
+  }
+}
+</script>
+
+<template>
+  <FilterView
+    @paperFilter="(filter) => paperFilter = filter"
+    :papers="papers"
+  />
+  <PaperList
+    :paperQuery="search"
+    :paperFilter="paperFilter"
+  />
+  {{ topics }}
+</template>

src/views/TopicsShow.vue

@@ -0,0 +1,16 @@
+<script lang="ts">
+export default {
+  computed: {
+    topicId() {
+      return this.$route.params.id
+    },
+    topic() {
+      this.papers?.find( (paper: any) => paper.reference == this.topicId )
+    }
+  },
+}
+</script>
+
+<template>
+  {{ $route.name }}
+</template>