Add Vue Toast Dependency
Add Sent to Function
Add Event Emitter in Form.vue
Add Button in Form.vue

Play und Pause sollten jetzt immer funktionieren. Ich habe auch die AnimationData als Variable gespeichert, um DRY-Methoden zu folgen. Ich habe auch die andere Lottie-Datei (links oder rechts) aktualisiert, wenn die andere aktualisiert wird, so dass die Eingabefelder mit den beiden Lotties immer konsistent sind.

Lottie kann jetzt pausiert werden nach man die Bauchbinde-Richtung wechselt. Es gibt aber noch ein Fix für die Eingabefelder zu tun. Nach man was da reintypt, muss man zuerst Lottie starten drucken bevor man wieder pausieren kann.

 ändere(App.vue): Ändere die Breite des Logos von 200px auf 100px.
 ändere(Form.vue): Aktualisiere Kommentare und füge neue Funktionalitäten hinzu.
 ändere(Form.vue): Zentriere den Inhalt des Flex-Containers.
 ändere(Lottie.vue): Aktualisiere Textinhalte in den Animationen.

 ändere(App.vue): Füge Semikolon in import-Anweisung für Form-Komponente hinzu
 ändere(App.vue): Korrigiere Einrückung und Formatierung der Template-Datei
 ändere(App.vue): Entferne auskommentierten Code in der Style-Sektion
 ändere(Form.vue): Kommentiere import-Anweisung für ref in Form.vue aus

Die erste Iteration ist ohne Styling und JSON-Bearbeitungsfunktionen. Die Vorschau wird dynamisch aktualisiert, wenn man etwas in eines der 4 Eingabefelder eingibt. Die ersten 2 Eingabefelder müssen derzeit großgeschrieben werden