From 07ac18fff76a5269c98f1e5248ef6dcbe1525bcc Mon Sep 17 00:00:00 2001
From: Subliminal Guy <subliminal_kid@posteo.de>
Date: Wed, 22 May 2024 10:48:48 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20=C3=A4ndere(.gitignore):=20Korri?=
=?UTF-8?q?giere=20Schreibfehler=20in=20.gitignore-Datei=20(node-modules?=
=?UTF-8?q?=20->=20node=5Fmodules)=20=F0=9F=94=A7=20=C3=A4ndere(App.vue):?=
=?UTF-8?q?=20F=C3=BCge=20Semikolon=20in=20import-Anweisung=20f=C3=BCr=20F?=
=?UTF-8?q?orm-Komponente=20hinzu=20=F0=9F=94=A7=20=C3=A4ndere(App.vue):?=
=?UTF-8?q?=20Korrigiere=20Einr=C3=BCckung=20und=20Formatierung=20der=20Te?=
=?UTF-8?q?mplate-Datei=20=F0=9F=94=A7=20=C3=A4ndere(App.vue):=20Entferne?=
=?UTF-8?q?=20auskommentierten=20Code=20in=20der=20Style-Sektion=20?=
=?UTF-8?q?=F0=9F=94=A7=20=C3=A4ndere(Form.vue):=20Kommentiere=20import-An?=
=?UTF-8?q?weisung=20f=C3=BCr=20ref=20in=20Form.vue=20aus?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.gitignore | 2 +-
src/App.vue | 38 ++++++++++++++++++++------------------
src/components/Form.vue | 2 +-
3 files changed, 22 insertions(+), 20 deletions(-)
diff --git a/.gitignore b/.gitignore
index 7dbb872..40b878d 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 f93020e..2f80143 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 aa17db8..e3935fa 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');
--
GitLab