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