Alpine.js / Bootstrap Carousel

Auf giegi.de gibt es nun gebrauchte Autos zu kaufen. Damit es nicht nur ein Bild gibt, wollte ich das Bootstrap Carousel verwenden. Da die Anzeige der Autos innhalb einer Alpine Komponente liegt, vermute ich mal, klappte das mit Bootstrap bzw. das Javascript von Bootstrap nicht.

Also, ran an die Tastatur und das Carousel mit Alpine nachgebaut. Dank CodePen Carousel with only Tailwind CSS + Alpine.js von Simeon ging das schnell.

Vermutlich habe ich mich dabei etwas verkünstelt :-) Am längsten hatte mich das im Beispiel verwendete x-show aufgehalten. Da Bootstrap die Anzeige mit Class active steuert, habe ich in den Ersten Anläufen wohl die Bedingung für x-show richtig gehabt, aber CSS hat es trotzdem nicht angezeigt.

Für nicht ganz einen halben Tag finde ich das Ergebnis gut. Bestimmt können einige der Hilfsvariablen wieder weg.