From 919c35354dc0a3974e3719b3dbdf44c4965f89e7 Mon Sep 17 00:00:00 2001
From: Dorian Niemiec <dorian.niemiec@svrjs.org>
Date: Tue, 5 Nov 2024 19:25:00 +0100
Subject: [PATCH] build: replace "purge" property with "safelist" property in
 Tailwind CSS configuration

---
 tailwind.config.js | 40 ++++++++++++++++++----------------------
 1 file changed, 18 insertions(+), 22 deletions(-)

diff --git a/tailwind.config.js b/tailwind.config.js
index 07c89cc..3156695 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,13 +4,9 @@ module.exports = {
   content: [
     "./pages/**/*.{js,ts,jsx,tsx,mdx}",
     "./components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./app/**/*.{js,ts,jsx,tsx,mdx}",
+    "./app/**/*.{js,ts,jsx,tsx,mdx}"
   ],
-  purge: {
-    options: {
-      safelist: ["dark"],
-    },
-  },
+  safelist: ["dark"],
   theme: {
     extend: {
       colors: {
@@ -21,53 +17,53 @@ module.exports = {
         foreground: "hsla(var(--foreground), 1)",
         primary: {
           DEFAULT: "hsla(var(--primary), 1)",
-          foreground: "hsla(var(--primary-foreground), 1)",
+          foreground: "hsla(var(--primary-foreground), 1)"
         },
         secondary: {
           DEFAULT: "hsla(var(--secondary), 1)",
-          foreground: "hsla(var(--secondary-foreground), 1)",
+          foreground: "hsla(var(--secondary-foreground), 1)"
         },
         destructive: {
           DEFAULT: "hsla(var(--destructive), 1)",
-          foreground: "hsla(var(--destructive-foreground), 1)",
+          foreground: "hsla(var(--destructive-foreground), 1)"
         },
         muted: {
           DEFAULT: "hsla(var(--muted), 1)",
-          foreground: "hsla(var(--muted-foreground), 1)",
+          foreground: "hsla(var(--muted-foreground), 1)"
         },
         accent: {
           DEFAULT: "hsla(var(--accent), 1)",
-          foreground: "hsla(var(--accent-foreground), 1)",
+          foreground: "hsla(var(--accent-foreground), 1)"
         },
         popover: {
           DEFAULT: "hsla(var(--popover), 1)",
-          foreground: "hsla(var(--popover-foreground), 1)",
+          foreground: "hsla(var(--popover-foreground), 1)"
         },
         card: {
           DEFAULT: "hsla(var(--card), 1)",
-          foreground: "hsla(var(--card-foreground), 1)",
-        },
+          foreground: "hsla(var(--card-foreground), 1)"
+        }
       },
       borderRadius: {
         lg: `var(--radius)`,
         md: `calc(var(--radius) - 2px)`,
-        sm: "calc(var(--radius) - 4px)",
+        sm: "calc(var(--radius) - 4px)"
       },
       keyframes: {
         "accordion-down": {
           from: { height: 0 },
-          to: { height: "var(--radix-accordion-content-height)" },
+          to: { height: "var(--radix-accordion-content-height)" }
         },
         "accordion-up": {
           from: { height: "var(--radix-accordion-content-height)" },
-          to: { height: 0 },
-        },
+          to: { height: 0 }
+        }
       },
       animation: {
         "accordion-down": "accordion-down 0.2s ease-out",
-        "accordion-up": "accordion-up 0.2s ease-out",
-      },
-    },
+        "accordion-up": "accordion-up 0.2s ease-out"
+      }
+    }
   },
-  plugins: [],
+  plugins: []
 };