Merge pull request #53 from danielroe/fix/conditional-bundle

fix: don't include `css-vars-ponyfill` chunk if not enabled

src/module.ts

@@ -35,6 +35,11 @@ export default defineNuxtModule<ModuleOptions>({
     },
   },
   async setup(moduleOptions, nuxt) {
+    nuxt.options.alias['#cookie-control/set-vars'] =
+      moduleOptions.isCssPonyfillEnabled
+        ? resolve(runtimeDir, 'set-vars/ponyfill')
+        : resolve(runtimeDir, 'set-vars/native')
+
     nuxt.options.alias['#cookie-control'] = runtimeDir
     nuxt.options.build.transpile.push(runtimeDir)
 

src/runtime/components/CookieControl.vue

@@ -196,6 +196,7 @@ import {
   setCookie,
   resolveTranslatable,
 } from '../methods'
+import setCssVariables from '#cookie-control/set-vars'
 
 import { useCookieControl } from '#imports'
 
@@ -312,26 +313,15 @@ const toggleLabel = ($event: KeyboardEvent) => {
 }
 
 // lifecycle
-onBeforeMount(async () => {
+onBeforeMount(() => {
   if (moduleOptions.colors) {
     const variables: Record<string, any> = {}
 
     for (const key in moduleOptions.colors) {
       variables[`cookie-control-${key}`] = `${moduleOptions.colors[key]}`
     }
 
-    if (moduleOptions.isCssPonyfillEnabled) {
-      const module = await import('css-vars-ponyfill')
-      const cssVars = module.default
-      cssVars({ variables })
-    } else {
-      for (const cssVar in variables) {
-        document.documentElement.style.setProperty(
-          `--${cssVar}`,
-          variables[cssVar]
-        )
-      }
-    }
+    setCssVariables(variables)
   }
 
   if (

src/runtime/set-vars/native.ts

@@ -0,0 +1,5 @@
+export default function (variables: Record<string, string>) {
+  for (const cssVar in variables) {
+    document.documentElement.style.setProperty(`--${cssVar}`, variables[cssVar])
+  }
+}

src/runtime/set-vars/ponyfill.ts

@@ -0,0 +1,5 @@
+import cssVars from 'css-vars-ponyfill'
+
+export default function (variables: Record<string, string>) {
+  cssVars({ variables })
+}