@dargmuesli/nuxt-cookie-control 5.0.0 → 5.0.1

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-cookie-control",
-  "version": "5.0.0",
+  "version": "5.0.1",
   "configKey": "cookieControl",
   "compatibility": {
     "nuxt": "^3.0.0"

package/dist/module.mjs

@@ -2,7 +2,7 @@ import { resolve } from 'node:path';
 import { createResolver, defineNuxtModule, addPlugin, addImports, addTemplate, extendWebpackConfig, resolvePath } from '@nuxt/kit';
 
 const name = "@dargmuesli/nuxt-cookie-control";
-const version = "5.0.0";
+const version = "5.0.1";
 
 const en = {
   accept: "Accept",
@@ -91,6 +91,7 @@ const module = defineNuxtModule({
     }
   },
   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);
     pushCss(moduleOptions, nuxt);

package/dist/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,7 +313,7 @@ const toggleLabel = ($event: KeyboardEvent) => {
 }
 
 // lifecycle
-onBeforeMount(async () => {
+onBeforeMount(() => {
   if (moduleOptions.colors) {
     const variables: Record<string, any> = {}
 
@@ -320,18 +321,7 @@ onBeforeMount(async () => {
       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 (

package/dist/runtime/set-vars/native.d.ts

@@ -0,0 +1 @@
+export default function (variables: Record<string, string>): void;

package/dist/runtime/set-vars/native.mjs

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

package/dist/runtime/set-vars/ponyfill.d.ts

@@ -0,0 +1 @@
+export default function (variables: Record<string, string>): void;

package/dist/runtime/set-vars/ponyfill.mjs

@@ -0,0 +1,4 @@
+import cssVars from "css-vars-ponyfill";
+export default function(variables) {
+  cssVars({ variables });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-cookie-control",
-  "version": "5.0.0",
+  "version": "5.0.1",
   "description": "Nuxt Cookies Control Module",
   "author": "Dario Ferderber <dario.ferderber@broj42.com>",
   "maintainers": [
@@ -36,7 +36,7 @@
     "lint": "pnpm prepack && eslint --ext .js,.ts,.vue . && nuxi typecheck playground"
   },
   "dependencies": {
-    "@nuxt/kit": "3.2.2",
+    "@nuxt/kit": "3.2.3",
     "@sindresorhus/slugify": "2.2.0",
     "css-vars-ponyfill": "2.4.8",
     "js-cookie": "3.0.1",
@@ -52,7 +52,7 @@
     "eslint-plugin-prettier": "4.2.1",
     "husky": "8.0.3",
     "lint-staged": "13.1.2",
-    "nuxt": "3.2.2",
+    "nuxt": "3.2.3",
     "prettier": "2.8.4",
     "typescript": "4.9.5",
     "vue": "3.2.47",