fix(plugin): manually set fill target for boolean fill values

decanTyme · Feb 11, 2023 · 6d55e39 · 6d55e39
1 parent 972d019
commit 6d55e39
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/plugin.ts b/src/plugin.ts
@@ -57,7 +57,7 @@ const twColorsPlugin = (
 
   return {
     id: "tailwindcss-colors",
-    beforeInit: (chart) => {
+    afterInit: (chart) => {
       const parsableOpts = [
         "color",
         "borderColor",
@@ -70,6 +70,7 @@ const twColorsPlugin = (
         "pointHoverBorderColor",
         "fill.above",
         "fill.below",
+        "fill",
       ]
 
       parsableOpts.forEach((parsableOpt) => {
@@ -81,7 +82,13 @@ const twColorsPlugin = (
             get(dataset, parsableOpt) ||
             (isValidTwColor(<string>chartOpt) ? chartOpt : defaultOpt)
 
-          set(dataset, parsableOpt, parseTailwindColor(color))
+          if (color) {
+            if (typeof color === "boolean") {
+              // Manually set for boolean fill option values,
+              // otherwise fill won't work
+              set(dataset, parsableOpt, { target: "origin" })
+            } else set(dataset, parsableOpt, parseTailwindColor(color))
+          }
         })
       })
     },