feat: add module option to switch target id visibility

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,

src/runtime/components/CookieControl.vue

@@ -103,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

src/runtime/types.ts

@@ -71,6 +71,7 @@ export interface ModuleOptions {
   cookieNameCookiesEnabledIds: string
   isAcceptNecessaryButtonEnabled?: boolean
   isControlButtonEnabled?: boolean
+  isCookieIdVisible?: boolean
   isCssEnabled?: boolean
   isCssPolyfillEnabled?: boolean
   isDashInDescriptionEnabled?: boolean
@@ -118,6 +119,7 @@ export const DEFAULTS: Required<ModuleOptions> = {
   cookieNameCookiesEnabledIds: 'cookie_control_cookies_enabled_ids',
   isAcceptNecessaryButtonEnabled: true,
   isControlButtonEnabled: true,
+  isCookieIdVisible: false,
   isCssEnabled: true,
   isCssPolyfillEnabled: true,
   isDashInDescriptionEnabled: true,