@dargmuesli/nuxt-cookie-control 2.2.3 → 2.2.4

package/dist/module.json

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

package/dist/module.mjs

@@ -11,7 +11,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
 const __dirname = __cjs_path__.dirname(__filename);
 const require = __cjs_mod__.createRequire(import.meta.url);
 const name = "@dargmuesli/nuxt-cookie-control";
-const version = "2.2.3";
+const version = "2.2.4";
 
 const en = {
   acceptAll: "Accept all",

package/dist/runtime/components/CookieControl.vue

@@ -3,7 +3,7 @@
     <section class="cookieControl">
       <transition :name="`cookieControl__Bar--${moduleOptions.barPosition}`">
         <div
-          v-if="colorsSet && !isConsentGiven"
+          v-if="isColorsSet && !isConsentGiven"
           :class="`cookieControl__Bar cookieControl__Bar--${moduleOptions.barPosition}`"
         >
           <div class="cookieControl__BarContainer">
@@ -33,7 +33,7 @@
       </transition>
       <button
         v-if="
-          moduleOptions.isControlButtonEnabled && colorsSet && isConsentGiven
+          moduleOptions.isControlButtonEnabled && isColorsSet && isConsentGiven
         "
         aria-label="Cookie control"
         class="cookieControl__ControlButton"
@@ -170,7 +170,7 @@ const resolveTranslatable = useResolveTranslatable(props.locale)
 
 // data
 const saved = ref(true)
-const colorsSet = ref(false)
+const isColorsSet = ref(false)
 
 // computations
 const localeStrings = computed(() => moduleOptions.localeTexts[props.locale])
@@ -255,6 +255,8 @@ onBeforeMount(async () => {
         )
       }
     }
+
+    isColorsSet.value = true
   }
 
   const cookieControlConsent = getCookieControlConsent()
@@ -270,7 +272,5 @@ onBeforeMount(async () => {
       }
     }
   }
-
-  colorsSet.value = true
 })
 </script>

package/dist/runtime/methods.mjs

@@ -4,10 +4,7 @@ import { useCookieControl } from "./composables.mjs";
 import { LOCALE_DEFAULT } from "./constants.mjs";
 export const useAcceptNecessary = () => {
   const { cookiesEnabled, moduleOptions } = useCookieControl();
-  return () => acceptNecessary(
-    cookiesEnabled,
-    moduleOptions.cookies?.necessary
-  );
+  return () => acceptNecessary(cookiesEnabled, moduleOptions.cookies?.necessary);
 };
 export const acceptNecessary = (cookiesEnabledRef, cookiesNecessary = []) => {
   const expires = new Date();
@@ -59,26 +56,23 @@ export const setConsent = ({
   if (isConsentGiven.value) {
     const enabledFromCookie = Cookies.get("cookie_control_enabled_cookies");
     cookiesEnabled.value.push(
-      ...moduleOptions.cookies.optional.filter((cookieOptional) => {
-        return enabledFromCookie?.includes(getCookieId(cookieOptional));
-      })
+      ...moduleOptions.cookies.optional.filter(
+        (cookieOptional) => enabledFromCookie?.includes(getCookieId(cookieOptional))
+      )
     );
   }
   if (moduleOptions.cookies?.necessary)
     cookiesEnabled.value.push(
-      ...moduleOptions.cookies.necessary.filter((cookieNecessary) => {
-        return cookieNecessary.src;
-      })
+      ...moduleOptions.cookies.necessary.filter(
+        (cookieNecessary) => cookieNecessary.src
+      )
     );
   cookiesEnabledIds.value = cookiesEnabled.value.map(
     (cookieEnabled) => getCookieId(cookieEnabled)
   );
   if (process.client && !isInit) {
     setHead(cookiesEnabled.value);
-    clearCookies(
-      cookiesEnabledIds.value,
-      moduleOptions.cookies.optional
-    );
+    clearCookies(cookiesEnabledIds.value, moduleOptions.cookies.optional);
   }
 };
 export const getCookieControlConsent = () => Cookies.get("cookie_control_consent");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-cookie-control",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "Nuxt Cookies Control Module",
   "author": "Dario Ferderber <dario.ferderber@broj42.com>",
   "maintainers": [