Code sauberer gemacht

src/App.vue

@@ -15,18 +15,15 @@ let falseLoopStatus = ref(false);
 
 function playLottie(data: boolean) {
   playLottieStatus.value = data;
-  console.log( "play status shows:" + playLottieStatus.value);
   falseLoopStatus.value = false;
 }
 
 function pauseLottie(data: boolean) {
   pauseLottieStatus.value = data;
-  console.log( "pause shows:" + pauseLottieStatus.value);
 }
 
 function falseStatusLottieLoop(data: boolean) {
   falseLoopStatus.value = data;
-  console.log("stuck status = " + falseLoopStatus.value);
 }
 
 </script>
@@ -37,27 +34,13 @@ function falseStatusLottieLoop(data: boolean) {
   </div>
 
   <div class="appGrid">
-    <Form
-      v-model:vorname="vorname"
-      v-model:nachname="nachname"
-      v-model:funktionZeileEins="funktionZeileEins"
-      v-model:funktionZeileZwei="funktionZeileZwei"
-      v-model:BBEcke="BBEcke"
-      v-on:playLottie="playLottie"
-      v-on:pauseLottie="pauseLottie"
-      :falseLoopStatus="falseLoopStatus"
-    ></Form>
+    <Form v-model:vorname="vorname" v-model:nachname="nachname" v-model:funktionZeileEins="funktionZeileEins"
+      v-model:funktionZeileZwei="funktionZeileZwei" v-model:BBEcke="BBEcke" v-on:playLottie="playLottie"
+      v-on:pauseLottie="pauseLottie" :falseLoopStatus="falseLoopStatus"></Form>
 
-    <Lottie
-      :vorname="vorname"
-      :nachname="nachname"
-      :funktionZeileEins="funktionZeileEins"
-      :funktionZeileZwei="funktionZeileZwei"
-      :BBEcke="BBEcke"
-      :playLottieStatus="playLottieStatus"
-      :pauseLottieStatus="pauseLottieStatus"
-      v-on:falseStatusLottieLoop="falseStatusLottieLoop"
-    ></Lottie>
+    <Lottie :vorname="vorname" :nachname="nachname" :funktionZeileEins="funktionZeileEins"
+      :funktionZeileZwei="funktionZeileZwei" :BBEcke="BBEcke" :playLottieStatus="playLottieStatus"
+      :pauseLottieStatus="pauseLottieStatus" v-on:falseStatusLottieLoop="falseStatusLottieLoop"></Lottie>
   </div>
 </template>
 
@@ -67,9 +50,11 @@ function falseStatusLottieLoop(data: boolean) {
   margin: auto;
   padding-bottom: 50px;
 }
+
 .logoImg {
   width: 100px;
 }
+
 .appGrid {
   display: flex;
   flex-direction: row;

src/components/Form.vue

@@ -33,25 +33,6 @@ watch(
   });
 
 function writeJson() {
-  // BL: nützlich, um den Datenpfad vom src im template oder output in Actions zu ändern, wenn wir das machen wollen
-  // wir können ein Benutzer fragen, ob sie ihr Neutzername eingeben können und das output einfach zu seiner Downloads Ordner schicken.
-  // DS: Das ist eine sehr gute Idee. So machen wir das. Tatsächlich hat in unserem System
-  // jeder Nutzer potentiell einen eigenen Export-Ordner.
-  // Kannst du gerne einbauen, die Detail ändere ich dann angepasst auf unser System.
-
-  // BL: Es scheint wesentlich komplizierter, einen allgemeinen Pfad für Windows zu kriegen im Vergleich zu Mac oder Linux (~/Documents).
-  // Dafür bräuchte ich NodeJS, was nicht ein Teil des Projekts ist. Ich glaube es funktionert schon, dass die Datei in dem Downloads-Ordner
-  // gespeichert wird, also velleicht reicht das?
-  if (window.navigator.userAgent.indexOf("Windows") != -1) {
-    console.log("The user is running Windows");
-  } else if (window.navigator.userAgent.indexOf("Mac OS") != -1) {
-    console.log("The user is running Mac OS");
-  } else if (window.navigator.userAgent.indexOf("Linux") != -1) {
-    console.log("The user is running Linux");
-  } else {
-    console.log("The user's operating system could not be determined");
-  }
-
   jsonDraft.template.composition = "BB" + BBEcke.value;
   jsonDraft.assets[0].value = String(vorname.value);
   jsonDraft.assets[1].value = String(nachname.value);