@dargmuesli/nuxt-cookie-control 4.0.0-beta.2 → 4.0.1

package/dist/module.d.ts

@@ -28,8 +28,8 @@ interface LocaleStrings {
     settingsUnsaved: string;
 }
 interface ModuleOptions {
-    barPosition?: 'top-left' | 'top-right' | 'top-full' | 'bottom-left' | 'bottom-right' | 'bottom-full';
-    colors?: false | Record<string, any>;
+    barPosition: 'top-left' | 'top-right' | 'top-full' | 'bottom-left' | 'bottom-right' | 'bottom-full';
+    colors: false | Record<string, any>;
     cookieExpiryOffsetMs: number;
     cookieNameCookiesEnabledIds: string;
     cookieNameIsConsentGiven: string;
@@ -37,14 +37,14 @@ interface ModuleOptions {
         necessary: Cookie[];
         optional: Cookie[];
     };
-    domain?: string;
-    isAcceptNecessaryButtonEnabled?: boolean;
-    isControlButtonEnabled?: boolean;
-    isCookieIdVisible?: boolean;
-    isCssEnabled?: boolean;
-    isCssPolyfillEnabled?: boolean;
-    isDashInDescriptionEnabled?: boolean;
-    isIframeBlocked?: boolean | {
+    domain: string;
+    isAcceptNecessaryButtonEnabled: boolean;
+    isControlButtonEnabled: boolean;
+    isCookieIdVisible: boolean;
+    isCssEnabled: boolean;
+    isCssPolyfillEnabled: boolean;
+    isDashInDescriptionEnabled: boolean;
+    isIframeBlocked: boolean | {
         initialState: boolean;
     };
     locales: Locale[];

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-cookie-control",
-  "version": "4.0.0-beta.2",
+  "version": "4.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 = "4.0.0-beta.2";
+const version = "4.0.1";
 
 const en = {
   accept: "Accept",
@@ -56,6 +56,7 @@ const DEFAULTS = {
     optional: []
   },
   cookieExpiryOffsetMs: 1e3 * 60 * 60 * 24 * 365,
+  // one year
   cookieNameIsConsentGiven: "cookie_control_is_consent_given",
   cookieNameCookiesEnabledIds: "cookie_control_cookies_enabled_ids",
   isAcceptNecessaryButtonEnabled: true,

package/dist/runtime/components/CookieControl.vue

@@ -3,7 +3,7 @@
     <section class="cookieControl">
       <transition :name="`cookieControl__Bar--${moduleOptions.barPosition}`">
         <div
-          v-if="isColorsSet && isConsentGiven === undefined"
+          v-if="isConsentGiven === undefined"
           :class="`cookieControl__Bar cookieControl__Bar--${moduleOptions.barPosition}`"
         >
           <div class="cookieControl__BarContainer">
@@ -30,9 +30,7 @@
       </transition>
       <button
         v-if="
-          moduleOptions.isControlButtonEnabled &&
-          isColorsSet &&
-          isConsentGiven !== undefined
+          moduleOptions.isControlButtonEnabled && isConsentGiven !== undefined
         "
         aria-label="Cookie control"
         class="cookieControl__ControlButton"
@@ -92,7 +90,7 @@
                           :id="resolveTranslatable(cookie.name)"
                           type="checkbox"
                           :checked="
-                            getCookieIds(localCookiesEnabled)?.includes(
+                            getCookieIds(localCookiesEnabled).includes(
                               getCookieId(cookie)
                             ) ||
                             (getCookie(
@@ -201,7 +199,6 @@ const resolveTranslatable = useResolveTranslatable(props.locale)
 
 // data
 const expires = new Date()
-const isColorsSet = ref(false)
 const localCookiesEnabled = ref([...(cookiesEnabled.value || [])])
 
 // computations
@@ -223,7 +220,7 @@ const accept = () => {
 const decline = () => {
   setCookies({
     isConsentGiven: true,
-    cookiesOptionalEnabled: moduleOptions.cookies?.necessary,
+    cookiesOptionalEnabled: moduleOptions.cookies.necessary,
   })
 }
 const acceptPartial = () => {
@@ -232,7 +229,7 @@ const acceptPartial = () => {
   setCookies({
     isConsentGiven: true,
     cookiesOptionalEnabled: [
-      ...moduleOptions.cookies?.necessary,
+      ...moduleOptions.cookies.necessary,
       ...moduleOptions.cookies.optional,
     ].filter((cookie) => localCookiesEnabledIds.includes(getCookieId(cookie))),
   })
@@ -280,7 +277,7 @@ const setCookies = ({
     ? [
         ...moduleOptions.cookies.necessary,
         ...moduleOptions.cookies.optional.filter((cookieOptional: Cookie) =>
-          cookiesOptionalEnabledNew?.includes(cookieOptional)
+          cookiesOptionalEnabledNew.includes(cookieOptional)
         ),
       ]
     : []
@@ -310,8 +307,6 @@ onBeforeMount(async () => {
         )
       }
     }
-
-    isColorsSet.value = true
   }
 
   if (getCookie(moduleOptions.cookieNameIsConsentGiven) === 'true') {
@@ -319,7 +314,7 @@ onBeforeMount(async () => {
       if (
         typeof moduleOptions.isIframeBlocked === 'boolean'
           ? moduleOptions.isIframeBlocked === true
-          : moduleOptions.isIframeBlocked?.initialState === true
+          : moduleOptions.isIframeBlocked.initialState === true
       ) {
         localCookiesEnabled.value.push(cookieOptional)
       }

package/dist/runtime/types.d.ts

@@ -31,8 +31,8 @@ export interface LocaleStrings {
     settingsUnsaved: string;
 }
 export interface ModuleOptions {
-    barPosition?: 'top-left' | 'top-right' | 'top-full' | 'bottom-left' | 'bottom-right' | 'bottom-full';
-    colors?: false | Record<string, any>;
+    barPosition: 'top-left' | 'top-right' | 'top-full' | 'bottom-left' | 'bottom-right' | 'bottom-full';
+    colors: false | Record<string, any>;
     cookieExpiryOffsetMs: number;
     cookieNameCookiesEnabledIds: string;
     cookieNameIsConsentGiven: string;
@@ -40,14 +40,14 @@ export interface ModuleOptions {
         necessary: Cookie[];
         optional: Cookie[];
     };
-    domain?: string;
-    isAcceptNecessaryButtonEnabled?: boolean;
-    isControlButtonEnabled?: boolean;
-    isCookieIdVisible?: boolean;
-    isCssEnabled?: boolean;
-    isCssPolyfillEnabled?: boolean;
-    isDashInDescriptionEnabled?: boolean;
-    isIframeBlocked?: boolean | {
+    domain: string;
+    isAcceptNecessaryButtonEnabled: boolean;
+    isControlButtonEnabled: boolean;
+    isCookieIdVisible: boolean;
+    isCssEnabled: boolean;
+    isCssPolyfillEnabled: boolean;
+    isDashInDescriptionEnabled: boolean;
+    isIframeBlocked: boolean | {
         initialState: boolean;
     };
     locales: Locale[];

package/dist/runtime/types.mjs

@@ -38,6 +38,7 @@ export const DEFAULTS = {
     optional: []
   },
   cookieExpiryOffsetMs: 1e3 * 60 * 60 * 24 * 365,
+  // one year
   cookieNameIsConsentGiven: "cookie_control_is_consent_given",
   cookieNameCookiesEnabledIds: "cookie_control_cookies_enabled_ids",
   isAcceptNecessaryButtonEnabled: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-cookie-control",
-  "version": "4.0.0-beta.2",
+  "version": "4.0.1",
   "description": "Nuxt Cookies Control Module",
   "author": "Dario Ferderber <dario.ferderber@broj42.com>",
   "maintainers": [
@@ -33,10 +33,10 @@
     "dev": "pnpm dev:prepare && nuxi dev playground",
     "dev:prepare": "nuxt-module-build --stub && nuxi prepare playground",
     "dev:build": "nuxi build playground",
-    "lint": "eslint --ext .js,.ts,.vue . && nuxi typecheck playground"
+    "lint": "pnpm prepack && eslint --ext .js,.ts,.vue . && nuxi typecheck playground"
   },
   "dependencies": {
-    "@nuxt/kit": "3.0.0",
+    "@nuxt/kit": "3.1.1",
     "@sindresorhus/slugify": "2.1.1",
     "css-vars-ponyfill": "2.4.8",
     "js-cookie": "3.0.1",
@@ -46,12 +46,12 @@
     "@nuxt/module-builder": "0.2.1",
     "@nuxtjs/eslint-config-typescript": "12.0.0",
     "@types/js-cookie": "3.0.2",
-    "eslint": "8.32.0",
+    "eslint": "8.33.0",
     "eslint-config-prettier": "8.6.0",
     "eslint-plugin-prettier": "4.2.1",
     "husky": "8.0.3",
     "lint-staged": "13.1.0",
-    "nuxt": "3.0.0",
+    "nuxt": "3.1.1",
     "prettier": "2.8.3",
     "typescript": "4.9.4",
     "vue": "3.2.45",