show filtered paper count

src/components/Papers.vue

@@ -34,7 +34,7 @@ export default {
       let filteredPapers: Papers[] = this.papers
       if (paperQuery !== '') {
         filteredPapers = this.papers.filter((paper) => {
-          return paper.name.toLowerCase().includes(paperQuery.toLowerCase())
+          return paper.name.toLowerCase().includes(paperQuery.toLowerCase()) || paper.content.toLowerCase().includes(paperQuery.toLowerCase()) || paper.reference.toLowerCase().includes(paperQuery.toLowerCase())
         })
       }
       if (this.paperFilter?.type !== '') {
@@ -64,7 +64,11 @@ export default {
     v-if="filteredData.length"
     class="w-full grid grid-flow-row gap-2 my-2"
   >
-    <li v-for="(paper, i) in filteredData" :key="i">
+    <p>Wir konnten {{ filteredData.length }} Einträge finden</p>
+    <li 
+      v-for="(paper, i) in filteredData"
+      :key="i"
+    >
       <article
         class="p-4 rounded-lg bg-background-100 dark:bg-background-900"
         @click.prevent="openPaper()"

src/components/Search.vue

@@ -24,9 +24,9 @@ export default {
   <form class="sticky top-0 flex flex-row place-content-center">
     <div class="flex flex-row w-full max-w-5xl">
       <input
-        class="p-6 grow bg-transparent placeholder:text-text-200 text-2xl text-center focus-visible:outline focus-visible:outline-current"
+        class="p-6 grow bg-transparent placeholder:text-text-300 dark:placeholder:text-text-700 text-2xl text-center focus-visible:outline focus-visible:outline-current"
         type="search"
-        placeholder="z. B. XY"
+        placeholder="z. B. Thema, Name, VII-EF-08640, …"
         v-model="search.value"
         @keyup.alt.enter.exact="submit('assist')"
         @keyup.enter.exact="submit('filter')"

src/main.ts

@@ -20,8 +20,8 @@ app.config.globalProperties = {
       uri: '/karte'
     },
     2: {
-      name: 'Glossar', 
-      uri: '/glossar'
+      name: 'Dokumentation', 
+      uri: '/doku'
     }
   },
   footerMenuEntries: {