From 84bb335b9053c4223e96129adca6de23a28ef81e Mon Sep 17 00:00:00 2001
From: vrifox <vrifox@vrifox.cc>
Date: Sat, 17 Jun 2023 21:16:05 +0200
Subject: [PATCH] apply linter recommendations

---
 src/App.vue                                    | 18 +++++++++---------
 src/components/FooterMenu.vue                  |  6 +++++-
 src/components/{Search.vue => SearchBar.vue}   |  0
 .../{Filter.vue => papers/FilterView.vue}      |  0
 .../{Paper.vue => papers/PaperItem.vue}        |  1 +
 .../{Papers.vue => papers/PaperList.vue}       |  5 ++++-
 6 files changed, 19 insertions(+), 11 deletions(-)
 rename src/components/{Search.vue => SearchBar.vue} (100%)
 rename src/components/{Filter.vue => papers/FilterView.vue} (100%)
 rename src/components/{Paper.vue => papers/PaperItem.vue} (81%)
 rename src/components/{Papers.vue => papers/PaperList.vue} (99%)

diff --git a/src/App.vue b/src/App.vue
index a1bc617..3859c84 100644
--- a/src/App.vue
+++ b/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"
diff --git a/src/components/FooterMenu.vue b/src/components/FooterMenu.vue
index f4d5bed..478fcb2 100644
--- a/src/components/FooterMenu.vue
+++ b/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>
diff --git a/src/components/Search.vue b/src/components/SearchBar.vue
similarity index 100%
rename from src/components/Search.vue
rename to src/components/SearchBar.vue
diff --git a/src/components/Filter.vue b/src/components/papers/FilterView.vue
similarity index 100%
rename from src/components/Filter.vue
rename to src/components/papers/FilterView.vue
diff --git a/src/components/Paper.vue b/src/components/papers/PaperItem.vue
similarity index 81%
rename from src/components/Paper.vue
rename to src/components/papers/PaperItem.vue
index f10356a..14485d7 100644
--- a/src/components/Paper.vue
+++ b/src/components/papers/PaperItem.vue
@@ -4,4 +4,5 @@ export default {
 </script>
 
 <template>
+    <div></div>
 </template>
\ No newline at end of file
diff --git a/src/components/Papers.vue b/src/components/papers/PaperList.vue
similarity index 99%
rename from src/components/Papers.vue
rename to src/components/papers/PaperList.vue
index 15d8305..e480281 100644
--- a/src/components/Papers.vue
+++ b/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)