diff --git a/src/components/Form.vue b/src/components/Form.vue index e3935fa90164c557a5b18d2e0e56d3b1b2ea4ea8..b2cfbd60a4805d789a06edfc445b35dfd6f8e79a 100644 --- a/src/components/Form.vue +++ b/src/components/Form.vue @@ -1,33 +1,33 @@ <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>