chore: fix Swiper

DissNik · Nov 12, 2023 · ab2d786 · ab2d786
1 parent 38ef4a2
commit ab2d786
Showing 1 changed file with 37 additions and 35 deletions.
diff --git a/resources/js/app.js b/resources/js/app.js
@@ -14,41 +14,43 @@ import.meta.glob(["../images/**", "../fonts/**"])
 window.Alpine = Alpine
 
 /* Document ready */
-document.addEventListener("DOMContentLoaded", () => {
-	const testimonialsSwiper = new Swiper(".testimonials-slider", {
-		modules: [Navigation],
-		slidesPerView: 1,
-		spaceBetween: 20,
-		navigation: {
-			prevEl: ".testimonials-navigation .swiper-button-prev",
-			nextEl: ".testimonials-navigation .swiper-button-next",
-		},
-		watchSlidesProgress: true,
-		grabCursor: true,
-		breakpoints: {
-			375: {
-				slidesPerView: 1.1,
-				spaceBetween: 20,
-			},
-			720: {
-				slidesPerView: 1.25,
-				spaceBetween: 30,
-			},
-			960: {
-				slidesPerView: 2.25,
-				spaceBetween: 30,
-			},
-			1140: {
-				slidesPerView: 2.5,
-				spaceBetween: 40,
-			},
-			1550: {
-				slidesPerView: 3,
-				spaceBetween: 40,
-			},
-		},
-	})
-})
+document.onreadystatechange = function () {
+    if (document.readyState === "interactive") {
+        const testimonialsSwiper = new Swiper(".testimonials-slider", {
+            modules: [Navigation],
+            slidesPerView: 1,
+            spaceBetween: 20,
+            navigation: {
+                prevEl: ".testimonials-navigation .swiper-button-prev",
+                nextEl: ".testimonials-navigation .swiper-button-next",
+            },
+            watchSlidesProgress: true,
+            grabCursor: true,
+            breakpoints: {
+                375: {
+                    slidesPerView: 1.1,
+                    spaceBetween: 20,
+                },
+                720: {
+                    slidesPerView: 1.25,
+                    spaceBetween: 30,
+                },
+                960: {
+                    slidesPerView: 2.25,
+                    spaceBetween: 30,
+                },
+                1140: {
+                    slidesPerView: 2.5,
+                    spaceBetween: 40,
+                },
+                1550: {
+                    slidesPerView: 3,
+                    spaceBetween: 40,
+                },
+            },
+        })
+    }
+};
 
 /* Alpine.js */
 document.addEventListener("alpine:init", () => {