Bücher eintragen: Ablaufreihenfolge von Klicks/Einträgen

src/pages/buecher-eintragen.vue

@@ -5,6 +5,7 @@
       md="12"
     >
       <VCard
+        v-show="!showEnterBooks"
         class="mb-6"
         title="Bücher eintragen"
         subtitle="Du kannst ein Buch bei uns nicht finden? Hier kannst du es eintragen!"
@@ -60,7 +61,7 @@
               <VBtn
                 variant="text"
                 color="error"
-                @click="displayBook"
+                @click="displayedEnterBooks"
               >
                 Wurde dein Buch nicht gefunden? Dann trage es jetzt ein!
               </VBtn>
@@ -73,8 +74,10 @@
 
 
       <VCard
+        v-show="showEnterBooks"
         class="mb-6"
-        title="Buch eintragen"
+        title="Trage dein Buch jetzt ein:"
+        subtitle="Alle mit * gekennzeichneten Felder sind Pflichtfelder!"
       >
         <VCardText>
           <VRow>
@@ -242,6 +245,12 @@ import AppTextField from "@core/components/app-form-elements/AppTextField.vue"
 import DropZone from "@core/components/DropZone.vue";
 import AppCombobox from "@core/components/app-form-elements/AppCombobox.vue";
 
+const showEnterBooks = ref(false)
+
+function displayedEnterBooks() {
+  showEnterBooks.value = true
+}
+
 const inputValueTitle = ref('')
 const inputValueISBN = ref('')
 const showButton = ref(false)
@@ -267,7 +276,6 @@ function displayBook() {
   displayedBooks.value = true
 }
 
-
 //////////////////
 
 const seitenanzahl = ref(null)