From 4c891225b18efbc039288af489929c73d5245d0b Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Mon, 14 Feb 2022 16:34:33 +0100
Subject: [PATCH] fix(module): use `variants` key for safelist

---
 src/module.ts | 22 +++++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/module.ts b/src/module.ts
index 5d3672ecdb..b9c4b61de2 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -90,13 +90,21 @@ export default defineNuxtModule<ModuleOptions>({
           resolve(runtimeDir, 'presets/*.{mjs,js,ts}')
         ],
         // Safelist dynamic colors used in preset
-        safelist: [{
-          pattern: new RegExp(`(hover|disabled|dark:)?bg-(${safeColorsAsRegex})-(100|600|700)`)
-        }, {
-          pattern: new RegExp(`(dark:)?text-(${safeColorsAsRegex})-(100|800)`)
-        }, {
-          pattern: new RegExp(`(focus:)?ring-(${safeColorsAsRegex})-(500)`)
-        }]
+        safelist: [
+          'dark',
+          {
+            pattern: new RegExp(`bg-(${safeColorsAsRegex})-(100|600|700)`),
+            variants: ['hover', 'disabled', 'dark']
+          },
+          {
+            pattern: new RegExp(`text-(${safeColorsAsRegex})-(100|800)`),
+            variants: ['dark']
+          },
+          {
+            pattern: new RegExp(`ring-(${safeColorsAsRegex})-(500)`),
+            variants: ['focus']
+          }
+        ]
       },
       cssPath: resolve(runtimeDir, 'tailwind.css')
     })