fix(module): only safelist known colors

nuxt · Jun 13, 2023 · cdce519 · cdce519 · vercel · Jun 13, 2023
1 parent ccd9ca5
commit cdce519
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/colors.ts b/src/colors.ts
@@ -117,15 +117,15 @@ export const excludeColors = (colors: object) => Object.keys(omit(colors, colors
 
 export const generateSafelist = (colors: string[]) => ['avatar', 'badge', 'button', 'input', 'notification'].flatMap(component => safelistByComponent[component](colorsAsRegex(colors)))
 
-export const customSafelistExtractor = (prefix, content: string) => {
+export const customSafelistExtractor = (prefix, content: string, colors: string[]) => {
   const classes = []
   const regex = /<(\w+)\s+[^>:]*color=["']([^"']+)["'][^>]*>/gs
   const matches = [...content.matchAll(regex)]
 
   for (const match of matches) {
     const [, component, color] = match
 
-    if (colorsToExclude.includes(color)) {
+    if (!colors.includes(color)) {
       continue
     }
 

diff --git a/src/module.ts b/src/module.ts
@@ -152,7 +152,7 @@ export default defineNuxtModule<ModuleOptions>({
             vue: (content) => {
               return [
                 ...defaultExtractor(content),
-                ...customSafelistExtractor(options.prefix, content)
+                ...customSafelistExtractor(options.prefix, content, nuxt.options.appConfig.ui.colors)
               ]
             }
           }