apply linter recommendations

src/App.vue

@@ -1,16 +1,16 @@
 <script lang="ts">
 import MainMenu from './components/MainMenu.vue'
-import Search from './components/Search.vue'
-import Filter from './components/Filter.vue'
-import Papers from './components/Papers.vue'
+import SearchBar from './components/SearchBar.vue'
+import FilterView from './components/papers/FilterView.vue'
+import PaperList from './components/papers/PaperList.vue'
 import FooterMenu from './components/FooterMenu.vue'
 
 export default {
   components: {
     MainMenu,
-    Search,
-    Filter,
-    Papers,
+    SearchBar,
+    FilterView,
+    PaperList,
     FooterMenu,
   },
   data() {
@@ -37,18 +37,18 @@ export default {
       <h1 class="p-2 text-xl">{{ applicationName }} {{ cityName }}</h1>
       <MainMenu />
     </div>
-    <Search
+    <SearchBar
       @searchSubmit="(type) => search.type = type"
       @searchQuery="(query) => search.value = query"
     />
   </header>
 
   <main class="flex flex-row max-w-5xl m-auto">
-    <Filter
+    <FilterView
       @paperFilter="(filter) => paperFilter = filter"
       :papers="papers"
     />
-    <Papers
+    <PaperList
       @papers="(p) => papers = p"
       :paperQuery="search"
       :paperFilter="paperFilter"

src/components/FooterMenu.vue

@@ -10,7 +10,11 @@ export default {
 
 <template>
   <ul class="flex flex-row place-content-center">
-    <li class="p-2 place-content-center" v-for="entry of menuEntries">
+    <li
+      v-for="{entry, i} of menuEntries"
+      :key="i"
+      class="p-2 place-content-center"
+    >
       <a :href="entry.uri">{{ entry.name }}</a>
     </li>
   </ul>

src/components/papers/PaperItem.vue

@@ -4,4 +4,5 @@ export default {
 </script>
 
 <template>
+    <div></div>
 </template>

src/components/papers/PaperList.vue

@@ -1,4 +1,5 @@
 <script lang="ts">
+
 export type Papers = {
   body: string
   content: string
@@ -54,7 +55,9 @@ export default {
     async fetchData() {
       this.papers = await (await fetch(this.apiUri)).json()
     }, 
-    openPaper() {}
+    openPaper() {
+
+    },
     date(paperDate: String) {
       const date = new Date(paperDate)
       return new Intl.DateTimeFormat('de-DE', { dateStyle: 'full' }).format(date)