🆙 fixes dusk can now builded also 🆙

Updated_Cms/resources/themes/dusk/js/app.js

@@ -9,7 +9,8 @@ import Focus from "@alpinejs/focus";
 
 import ArticleReactions from "./components/ArticleReactions.js";
 
-import Swiper, { Navigation, Pagination } from "swiper";
+import Swiper from "swiper";
+import { Navigation, Pagination } from "swiper/modules";
 import "swiper/css";
 import "swiper/css/navigation";
 import "swiper/css/pagination";
@@ -18,11 +19,12 @@ ArticleReactions.init();
 Alpine.plugin(Focus);
 Alpine.start();
 
-Swiper.use([Navigation, Pagination]);
+// Modules worden via de initialisatie toegevoegd
 
 // Swiper Initialization
 document.addEventListener("DOMContentLoaded", function () {
     const swiper = new Swiper(".swiper", {
+        modules: [Navigation, Pagination],
         // Your Swiper options here
         navigation: {
             nextEl: ".swiper-button-next",

Updated_Cms/resources/themes/dusk/vite.config.js

@@ -2,6 +2,10 @@ import { defineConfig } from "vite";
 import laravel from "laravel-vite-plugin";
 import path from "path";
 import tailwindcss from "tailwindcss";
+import postcssImport from "postcss-import";
+import postcssNesting from "postcss-nesting";
+import tailwindcssNesting from "tailwindcss/nesting";
+import autoprefixer from "autoprefixer";
 
 export default defineConfig({
     plugins: [
@@ -34,9 +38,12 @@ export default defineConfig({
     css: {
         postcss: {
             plugins: [
+                postcssImport(),
+                tailwindcssNesting(postcssNesting()),
                 tailwindcss({
                     config: path.resolve(__dirname, "tailwind.config.cjs"),
                 }),
+                autoprefixer(),
             ],
         },
     },