From f7272e015a2628974d09522285fcd0d68c3182a3 Mon Sep 17 00:00:00 2001
From: Rico van Zelst <ricovzelst@pm.me>
Date: Wed, 8 Nov 2023 10:42:23 +0100
Subject: [PATCH] feat: test css optim

---
 package-lock.json | 12 +++++++++++-
 package.json      |  3 ++-
 vite.config.js    |  2 ++
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index f989f5a..6996b43 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,7 +14,8 @@
                 "laravel-vite-plugin": "^0.8.0",
                 "postcss": "^8.4.31",
                 "tailwindcss": "^3.3.5",
-                "vite": "^4.0.0"
+                "vite": "^4.0.0",
+                "vite-plugin-optimize-css-modules": "^1.0.4"
             }
         },
         "node_modules/@alloc/quick-lru": {
@@ -2811,6 +2812,15 @@
                 "vite": "^2 || ^3 || ^4"
             }
         },
+        "node_modules/vite-plugin-optimize-css-modules": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/vite-plugin-optimize-css-modules/-/vite-plugin-optimize-css-modules-1.0.4.tgz",
+            "integrity": "sha512-3tdQNLr2nZGu1jcNGwdh4OlAXILo31jnK8xkjzJsnljQDDqjU4rU7sci8ImBaLfQQKhH6CXljrmKjQYrGitMdw==",
+            "dev": true,
+            "peerDependencies": {
+                "vite": "^4.0.0 || ^3.0.0 || ^2.0.0"
+            }
+        },
         "node_modules/which": {
             "version": "1.3.1",
             "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
diff --git a/package.json b/package.json
index 4fd1d66..2f6f8e0 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,8 @@
         "laravel-vite-plugin": "^0.8.0",
         "postcss": "^8.4.31",
         "tailwindcss": "^3.3.5",
-        "vite": "^4.0.0"
+        "vite": "^4.0.0",
+        "vite-plugin-optimize-css-modules": "^1.0.4"
     },
     "dependencies": {
         "flowbite": "^2.0.0",
diff --git a/vite.config.js b/vite.config.js
index 421b569..c501559 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,5 +1,6 @@
 import { defineConfig } from 'vite';
 import laravel from 'laravel-vite-plugin';
+import {optimizeCssModules} from "vite-plugin-optimize-css-modules";
 
 export default defineConfig({
     plugins: [
@@ -7,5 +8,6 @@ export default defineConfig({
             input: ['resources/css/app.css', 'resources/js/app.js'],
             refresh: true,
         }),
+        optimizeCssModules()
     ],
 });