HTML-Formatierung geändert.

src/App.vue

 <script setup lang="ts">
-import Form from "./components/Form.vue"
+import Form from "./components/Form.vue";
 import Lottie from "./components/Lottie.vue";
 
 import { ref } from "vue";
@@ -8,25 +8,24 @@ const vorname = ref("");
 const nachname = ref("");
 const funktionZeileEins = ref("");
 const funktionZeileZwei = ref("");
-
 </script>
 
 <template>
   <div class="appGrid">
-    <div class="form">
-    <Form v-model:vorname="vorname" 
-    v-model:nachname="nachname" 
-    v-model:funktionZeileEins="funktionZeileEins"
-    v-model:funktionZeileZwei="funktionZeileZwei"></Form>
-  </div>
-  <div class="form" >
-    <Lottie :vorname="vorname" 
-    :nachname="nachname" 
-    :funktionZeileEins="funktionZeileEins" 
-    :funktionZeileZwei="funktionZeileZwei"></Lottie>
-  </div>
+    <Form
+      v-model:vorname="vorname"
+      v-model:nachname="nachname"
+      v-model:funktionZeileEins="funktionZeileEins"
+      v-model:funktionZeileZwei="funktionZeileZwei"
+    ></Form>
+
+    <Lottie
+      :vorname="vorname"
+      :nachname="nachname"
+      :funktionZeileEins="funktionZeileEins"
+      :funktionZeileZwei="funktionZeileZwei"
+    ></Lottie>
   </div>
-  
 </template>
 
 <style scoped>
@@ -50,7 +49,5 @@ const funktionZeileZwei = ref("");
 }
 
 .form {
-  /* width: 50%;
-  max-width: 500px; */
 }
 </style>