diff --git a/.gitignore b/.gitignore index 7dbb872f31d18f3244f4c73f03aabd58a30ed332..40b878db5b1c97fc77049537a71bb2e249abe5dc 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1 @@ -node-modules/ \ No newline at end of file +node_modules/ \ No newline at end of file diff --git a/src/App.vue b/src/App.vue index f93020e90e20bd5d9c8ef018aca893f3468bfdf8..2f80143d5ad78dd9d788793d07114ae8fa591e83 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,5 +1,5 @@ <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,27 @@ 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> + </div> + <div class="form"> + <Lottie + :vorname="vorname" + :nachname="nachname" + :funktionZeileEins="funktionZeileEins" + :funktionZeileZwei="funktionZeileZwei" + ></Lottie> + </div> </div> - </template> <style scoped> @@ -49,8 +51,8 @@ const funktionZeileZwei = ref(""); gap: 50px; } -.form { - /* width: 50%; - max-width: 500px; */ -} +/* .form { + width: 50%; + max-width: 500px; +} */ </style> diff --git a/src/components/Form.vue b/src/components/Form.vue index aa17db88277db314eefdc80f5dbe5481abf19f0a..e3935fa90164c557a5b18d2e0e56d3b1b2ea4ea8 100644 --- a/src/components/Form.vue +++ b/src/components/Form.vue @@ -1,5 +1,5 @@ <script setup lang="ts"> -import { ref } from "vue"; +//import { ref } from "vue"; const vorname = defineModel('vorname'); const nachname = defineModel('nachname');