Tiny Change

src/components/Form.vue

 <script setup lang="ts">
 //import { ref } from "vue";
 
-const vorname = defineModel('vorname');
-const nachname = defineModel('nachname');
-const funktionZeileEins = defineModel('funktionZeileEins');
-const funktionZeileZwei = defineModel('funktionZeileZwei');
-
+const vorname = defineModel("vorname");
+const nachname = defineModel("nachname");
+const funktionZeileEins = defineModel("funktionZeileEins");
+const funktionZeileZwei = defineModel("funktionZeileZwei");
 </script>
 
 <template>
+  
   <div class="form">
     <div class="container">
       <div class="row">
         <label>Vorname </label>
-        <input type="text" v-model="vorname"/>
+        <input type="text" v-model="vorname" />
       </div>
       <div class="row">
         <label>Nachname </label>
-        <input type="text" v-model="nachname"/>
+        <input type="text" v-model="nachname" />
       </div>
       <div class="row">
         <label>Funktion 1. Zeile </label>
-        <input type="text" v-model="funktionZeileEins"/>
+        <input type="text" v-model="funktionZeileEins" />
       </div>
       <div class="row">
         <label>Funktion 2. Zeile </label>
-        <input type="text" v-model="funktionZeileZwei"/>
-      </div>
+        <input type="text" v-model="funktionZeileZwei" />
       </div>
+    </div>
   </div>
 </template>
 
@@ -41,5 +41,4 @@ const funktionZeileZwei = defineModel('funktionZeileZwei');
   border: 1px solid #fff;
   height: 25px;
 }
-
 </style>