new index

src/navigation/vertical/index.js

@@ -11,19 +11,39 @@ export default [
     icon: { icon: 'tabler-books' },
   },
   {
-    title: 'Fieberkurve',
+    title: 'Bücher eintragen',
+    to: { name: 'buecher-eintragen' },
+    icon: { icon: 'tabler-book-2' },
+  },
+
+  { heading: '--- TEST ABSCHNITT ---' },
+  { heading: 'Fieberkurve' },
+  {
+    title: 'Fieberkurven Varianten',
     to: { name: 'testfieberkurven' },
     icon: { icon: 'tabler-chart-dots-3' },
   },
   {
-    title: 'Detailseite',
+    title: 'Statische Fieberkurven',
+    to: { name: 'statische-fieberkurven' },
+    icon: { icon: 'tabler-timeline' },
+  },
+  { heading: 'Buch' },
+  {
+    title: 'Buch Detailseite',
     to: { name: 'buchdetailseite' },
     icon: { icon: 'tabler-list-details' },
   },
+  { heading: 'Datenbank' },
   {
-    title: 'Bücher eintragen',
-    to: { name: 'buecher-eintragen' },
-    icon: { icon: 'tabler-book-2' },
+    title: 'Bücher',
+    to: { name: 'buecherdatenbank' },
+    icon: { icon: 'tabler-books' },
+  },
+  {
+    title: 'Genre´s',
+    to: { name: 'genredatenbank' },
+    icon: { icon: 'tabler-masks-theater' },
   },
 
   /*{

src/pages/index.vue

@@ -1,4 +1,92 @@
+<template>
+  <div>
+    <VCard>
+      <VImg
+        max-width="200"
+        :src="skoutzLogo"
+        class="mx-auto d-block"
+      />
+      <h2>BUCHSUCHE</h2>
+      <VCardItem>
+        <VCardTitle>Vorbeischauen – Vergleichen – Verlieben</VCardTitle>
+      </VCardItem>
+      <VCardText>
+        SKOUTZ bietet die erste intelligente Buchsuchmaschine, die das Leseerlebnis beschreibt. Emotionen, die wir mit einem Buch verbinden. Die Skoutz-Buchsuche arbeitet nach denselben Prinzipien wie Online-Datingagenturen. Nur vermitteln wir nicht Menschen, sondern Bücher. Lieblingsbücher!
+      </VCardText>
+
+      <VDivider class="my-4" />
+
+      <VCardItem>
+        <VCardTitle>Nur die Geschichte zählt</VCardTitle>
+      </VCardItem>
+      <VCardText>
+        Bei SKOUTZ sind alle Bücher willkommen, egal ob das Buch einen großen, einen kleinen oder auch keinen Verlag hat.
+      </VCardText>
+
+      <VDivider class="my-4" />
+
+      <VCardItem>
+        <VCardTitle>Fünf Klicks statt fünf Sterne</VCardTitle>
+      </VCardItem>
+      <VCardText>
+        Mit 5 Gegensatzpaaren erstellt ihr mit wenigen Klicks eine „Fieberkurve“, die das Buch viel genauer beschreibt, als ein paar Sterne, die noch dazu jeder nach ganz anderen Maßstäben vergibt.
+        <br>
+        Anhand dieser Buch-Fieberkurve könnt ihr auch viel besser euer nächstes Buch finden. Oder suchen lassen, denn je mehr Buch-Fieberkurven ihr eingebt, desto genauer können wir euch genau die Bücher vorstellen, die zu eurer Lese-Fieberkurve, eurem Beuteschema passen. Oder nach einem bestimmten Buch suchen, ganz nach der Stimmung, in der ihr gerade seid.
+        Buchfiebern lohnt sich.
+      </VCardText>
+
+      <VDivider class="my-4" />
+
+      <VCardItem>
+        <VCardTitle>Nie war eine Buchbewertung einfacher</VCardTitle>
+      </VCardItem>
+      <VCardText>
+        Einfaches Rezensieren, gerade für die nicht so wortgeübten Leser. Einfach die Schieber einstellen, fertig!
+      </VCardText>
+
+      <VDivider class="my-4" />
+
+      <VCardItem>
+        <VCardTitle>Skoutzig sein.</VCardTitle>
+      </VCardItem>
+      <VCardText>
+        Wir möchten, dass sich nicht nur die Bücher, sondern auch die Leser bei Skoutz wohlfühlen. Deshalb haben wir uns bei Skoutz eine Menge für euch einfallen lassen. Autoren, Leser, Blogger, Verleger, Buchhändler und all die anderen Menschen, die mit ihrer Hingabe und Leidenschaft Bücher „leben“ – wir bieten allen Platz, um sich vorzustellen und auszutauschen.
+        Im Skoutz-Magazin gibt es reichlich Lesestoff wie Interviews, aktuelle Themen, Eventreports, Buchvorstellungen, das Skoutz-Wiki und vieles mehr.
+      </VCardText>
+
+      <VDivider class="my-4" />
+
+      <VCardItem>
+        <VCardTitle>Skoutz-Blogbonus</VCardTitle>
+      </VCardItem>
+      <VCardText>
+        Es besteht die Möglichkeit, unter die Buch-Fieberkurve nach einem kurzen Teasertext auch einen externen Link auf eure ausführliche Rezension zu setzen. Auf euren Blog zum Beispiel. Damit die Rezension dort gelesen wird, wo sie auch geschrieben wurde.
+      </VCardText>
+    </VCard>
+  </div>
+</template>
+
 <script setup>
+import skoutzLogo from "../assets/images/skoutzLogo.png";
+</script>
+
+<style scoped>
+.mx-auto {
+  margin-left: auto !important;
+  margin-right: auto !important;
+}
+.d-block {
+  display: block !important;
+}
+.my-4 {
+  margin-top: 1.5rem !important;
+  margin-bottom: 1.5rem !important;
+}
+</style>
+
+
+
+<!--<script setup>
 import skoutzLogo from "../assets/images/skoutzLogo.png"
 </script>
 
@@ -59,7 +147,7 @@ import skoutzLogo from "../assets/images/skoutzLogo.png"
 
 
 
-<!--    <VCard
+&lt;!&ndash;    <VCard
       class="mb-6"
       title="Kick start your project 🚀"
     >
@@ -80,7 +168,7 @@ import skoutzLogo from "../assets/images/skoutzLogo.png"
     <VCard title="Want to integrate JWT? 🔒">
       <VCardText>We carefully crafted JWT flow so you can implement JWT with ease and with minimum efforts.</VCardText>
       <VCardText>Please read our  JWT Documentation to get more out of JWT authentication.</VCardText>
-    </VCard>-->
+    </VCard>&ndash;&gt;
 
 
 
@@ -88,4 +176,4 @@ import skoutzLogo from "../assets/images/skoutzLogo.png"
   </div>
 </template>
 <script setup lang="ts">
-</script>
+</script>-->

typed-router.d.ts

@@ -43,8 +43,11 @@ declare module 'vue-router/auto/routes' {
     '$error': RouteRecordInfo<'$error', '/:error(.*)', { error: ParamValue<true> }, { error: ParamValue<false> }>,
     'buchdetailseite': RouteRecordInfo<'buchdetailseite', '/buchdetailseite', Record<never, never>, Record<never, never>>,
     'buecher-eintragen': RouteRecordInfo<'buecher-eintragen', '/buecher-eintragen', Record<never, never>, Record<never, never>>,
+    'buecherdatenbank': RouteRecordInfo<'buecherdatenbank', '/buecherdatenbank', Record<never, never>, Record<never, never>>,
     'buechersuche': RouteRecordInfo<'buechersuche', '/buechersuche', Record<never, never>, Record<never, never>>,
+    'genredatenbank': RouteRecordInfo<'genredatenbank', '/genredatenbank', Record<never, never>, Record<never, never>>,
     'login': RouteRecordInfo<'login', '/login', Record<never, never>, Record<never, never>>,
+    'statische-fieberkurven': RouteRecordInfo<'statische-fieberkurven', '/statische-fieberkurven', Record<never, never>, Record<never, never>>,
     'testfieberkurven': RouteRecordInfo<'testfieberkurven', '/testfieberkurven', Record<never, never>, Record<never, never>>,
   }
 }