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

Ich habe den Code ein bisschen kommentiert und aufgeräumt. Ich habe Autoplay angelassen wenn man die Lottie neu rendert nur weil meine Lösung zu Probleme geführt hat wenn mann Text schnell eintippt. Ich habe nämlich eine Timeout Funktion benutzt um die Lottie nach eine Sekunde zu pausieren aber das hat nur gut geklappt wenn man die Lottie nicht schnell neu rendert.

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.

 fix(Form.vue): Korrigiere die Logik für das Pausieren der Lottie-Animation, um false zu übergeben, anstatt true.

 Ändere Lottie.vue, um array.filter hinzuzufügen und die Anpassung an verschiedene Lottie-Dateien zu verbessern.
 Füge temporär AnimationRechtsBB.layers[1] und AnimationLinksBB.layers[1] hinzu, um die anfängliche Animationsausgabe zu verbessern.

 ä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.

JSON wird nun erzeugt und heruntergeladen auf dem Rechner. Ich habe ein paar Kommentaren zum Datenpfad hinzugefügt.

play/pause button hinzugefügt. BBlinks und bbrechts Funktionalität funktioniert auch. Auch einige Designänderungen

 ä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

 Füge Unterstützung für MacOS ARM CPUs in fsevents hinzu und reduziere Paketgröße.

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