Skip to content
Snippets Groups Projects
Commit 07ac18ff authored by Subliminal Guy's avatar Subliminal Guy
Browse files

:wrench: ändere(.gitignore): Korrigiere Schreibfehler in .gitignore-Datei (node-modules -> node_modules)

:wrench: ändere(App.vue): Füge Semikolon in import-Anweisung für Form-Komponente hinzu
:wrench: ändere(App.vue): Korrigiere Einrückung und Formatierung der Template-Datei
:wrench: ändere(App.vue): Entferne auskommentierten Code in der Style-Sektion
:wrench: ändere(Form.vue): Kommentiere import-Anweisung für ref in Form.vue aus
parent 3cafaa07
No related branches found
No related tags found
No related merge requests found
node-modules/ node_modules/
\ No newline at end of file \ No newline at end of file
<script setup lang="ts"> <script setup lang="ts">
import Form from "./components/Form.vue" import Form from "./components/Form.vue";
import Lottie from "./components/Lottie.vue"; import Lottie from "./components/Lottie.vue";
import { ref } from "vue"; import { ref } from "vue";
...@@ -8,25 +8,27 @@ const vorname = ref(""); ...@@ -8,25 +8,27 @@ const vorname = ref("");
const nachname = ref(""); const nachname = ref("");
const funktionZeileEins = ref(""); const funktionZeileEins = ref("");
const funktionZeileZwei = ref(""); const funktionZeileZwei = ref("");
</script> </script>
<template> <template>
<div class="appGrid"> <div class="appGrid">
<div class="form"> <div class="form">
<Form v-model:vorname="vorname" <Form
v-model:nachname="nachname" v-model:vorname="vorname"
v-model:funktionZeileEins="funktionZeileEins" v-model:nachname="nachname"
v-model:funktionZeileZwei="funktionZeileZwei"></Form> v-model:funktionZeileEins="funktionZeileEins"
</div> v-model:funktionZeileZwei="funktionZeileZwei"
<div class="form" > ></Form>
<Lottie :vorname="vorname" </div>
:nachname="nachname" <div class="form">
:funktionZeileEins="funktionZeileEins" <Lottie
:funktionZeileZwei="funktionZeileZwei"></Lottie> :vorname="vorname"
</div> :nachname="nachname"
:funktionZeileEins="funktionZeileEins"
:funktionZeileZwei="funktionZeileZwei"
></Lottie>
</div>
</div> </div>
</template> </template>
<style scoped> <style scoped>
...@@ -49,8 +51,8 @@ const funktionZeileZwei = ref(""); ...@@ -49,8 +51,8 @@ const funktionZeileZwei = ref("");
gap: 50px; gap: 50px;
} }
.form { /* .form {
/* width: 50%; width: 50%;
max-width: 500px; */ max-width: 500px;
} } */
</style> </style>
<script setup lang="ts"> <script setup lang="ts">
import { ref } from "vue"; //import { ref } from "vue";
const vorname = defineModel('vorname'); const vorname = defineModel('vorname');
const nachname = defineModel('nachname'); const nachname = defineModel('nachname');
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment