@dargmuesli/nuxt-cookie-control 3.0.0-beta.2 → 3.0.0-beta.4

package/README.md

@@ -154,6 +154,9 @@ isAcceptNecessaryButtonEnabled: true
 // Switch to toggle the button that opens the configuration modal.
 isControlButtonEnabled: true,
 
+// Switch to toggle the concatenation of target cookie ids to the cookie description.
+isCookieIdVisible: false,
+
 // Switch to toggle the inclusion of this module's css.
 // If css is set to false, you will still be able to access your color variables.
 isCssEnabled: true,

package/dist/module.d.ts

@@ -39,6 +39,7 @@ interface ModuleOptions {
     cookieNameCookiesEnabledIds: string;
     isAcceptNecessaryButtonEnabled?: boolean;
     isControlButtonEnabled?: boolean;
+    isCookieIdVisible?: boolean;
     isCssEnabled?: boolean;
     isCssPolyfillEnabled?: boolean;
     isDashInDescriptionEnabled?: boolean;

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-cookie-control",
-  "version": "3.0.0-beta.2",
+  "version": "3.0.0-beta.4",
   "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 = "3.0.0-beta.2";
+const version = "3.0.0-beta.4";
 
 const en = {
   acceptAll: "Accept all",
@@ -60,6 +60,7 @@ const DEFAULTS = {
   cookieNameCookiesEnabledIds: "cookie_control_cookies_enabled_ids",
   isAcceptNecessaryButtonEnabled: true,
   isControlButtonEnabled: true,
+  isCookieIdVisible: false,
   isCssEnabled: true,
   isCssPolyfillEnabled: true,
   isDashInDescriptionEnabled: true,

package/dist/runtime/components/CookieControl.vue

@@ -84,7 +84,9 @@
                         :id="resolveTranslatable(cookie.name)"
                         type="checkbox"
                         :checked="
-                          cookiesEnabled?.includes(cookie) ||
+                          getCookieIds(localCookiesEnabled)?.includes(
+                            getCookieId(cookie)
+                          ) ||
                           (Cookies.get(
                             moduleOptions.cookieNameIsConsentGiven
                           ) !== 'true' &&
@@ -101,7 +103,12 @@
                         <span v-if="cookie.description">
                           {{ getDescription(cookie.description) }}
                         </span>
-                        <span v-if="cookie.targetCookieIds">
+                        <span
+                          v-if="
+                            moduleOptions.isCookieIdVisible &&
+                            cookie.targetCookieIds
+                          "
+                        >
                           {{
                             ' IDs: ' +
                             cookie.targetCookieIds
@@ -159,7 +166,7 @@ import Cookies from 'js-cookie'
 import { ref, computed, onBeforeMount, watch } from 'vue'
 
 import { Cookie, CookieType, Locale, Translatable } from '../types'
-import { getCookieIds, useResolveTranslatable } from '../methods'
+import { getCookieId, getCookieIds, useResolveTranslatable } from '../methods'
 
 import { useCookieControl } from '#imports'
 
@@ -303,6 +310,8 @@ onBeforeMount(async () => {
 watch(
   () => cookiesEnabled.value,
   (current, _previous) => {
+    localCookiesEnabled.value = [...(current || [])]
+
     if (isConsentGiven.value) {
       Cookies.set(
         moduleOptions.cookieNameCookiesEnabledIds,

package/dist/runtime/types.d.ts

@@ -42,6 +42,7 @@ export interface ModuleOptions {
     cookieNameCookiesEnabledIds: string;
     isAcceptNecessaryButtonEnabled?: boolean;
     isControlButtonEnabled?: boolean;
+    isCookieIdVisible?: boolean;
     isCssEnabled?: boolean;
     isCssPolyfillEnabled?: boolean;
     isDashInDescriptionEnabled?: boolean;

package/dist/runtime/types.mjs

@@ -42,6 +42,7 @@ export const DEFAULTS = {
   cookieNameCookiesEnabledIds: "cookie_control_cookies_enabled_ids",
   isAcceptNecessaryButtonEnabled: true,
   isControlButtonEnabled: true,
+  isCookieIdVisible: false,
   isCssEnabled: true,
   isCssPolyfillEnabled: true,
   isDashInDescriptionEnabled: true,

package/package.json

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