@dargmuesli/nuxt-cookie-control 5.9.3 → 5.10.0

package/dist/module.json

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

package/dist/module.mjs

@@ -3,7 +3,7 @@ import { pathToFileURL } from 'node:url';
 import { createResolver, defineNuxtModule, addPlugin, addImports, addTemplate, extendWebpackConfig, resolvePath } from '@nuxt/kit';
 
 const name = "@dargmuesli/nuxt-cookie-control";
-const version = "5.9.3";
+const version = "5.10.0";
 
 const en = {
   accept: "Accept",

package/dist/runtime/components/CookieControl.vue

@@ -96,9 +96,7 @@
                             getCookieIds(localCookiesEnabled).includes(
                               getCookieId(cookie)
                             ) ||
-                            (getCookie(
-                              moduleOptions.cookieNameIsConsentGiven
-                            ) !== allCookieIdsString &&
+                            (cookieIsConsentGiven !== allCookieIdsString &&
                               typeof moduleOptions.isIframeBlocked ===
                                 'object' &&
                               moduleOptions.isIframeBlocked.initialState)
@@ -195,7 +193,6 @@ import { ref, computed, onBeforeMount, watch } from 'vue'
 import { Cookie, CookieType, Locale, Translatable } from '../types'
 import {
   getAllCookieIdsString,
-  getCookie,
   getCookieId,
   getCookieIds,
   removeCookie,
@@ -225,6 +222,10 @@ const {
 const expires = new Date()
 const localCookiesEnabled = ref([...(cookiesEnabled.value || [])])
 const allCookieIdsString = getAllCookieIdsString(moduleOptions)
+const cookieIsConsentGiven = useCookie(moduleOptions.cookieNameIsConsentGiven)
+const cookieCookiesEnabledIds = useCookie(
+  moduleOptions.cookieNameCookiesEnabledIds
+)
 
 // computations
 const isSaved = computed(
@@ -335,9 +336,7 @@ onBeforeMount(() => {
     setCssVariables(variables)
   }
 
-  if (
-    getCookie(moduleOptions.cookieNameIsConsentGiven) === allCookieIdsString
-  ) {
+  if (cookieIsConsentGiven.value === allCookieIdsString) {
     for (const cookieOptional of moduleOptions.cookies.optional) {
       if (
         typeof moduleOptions.isIframeBlocked === 'boolean'
@@ -375,7 +374,7 @@ watch(
         document.getElementsByTagName('head')[0].appendChild(script)
       }
     } else {
-      removeCookie(moduleOptions.cookieNameCookiesEnabledIds)
+      cookieCookiesEnabledIds.value = undefined
     }
 
     // delete formerly enabled cookies that are now disabled
@@ -405,7 +404,7 @@ watch(
 )
 watch(isConsentGiven, (current, _previous) => {
   if (current === undefined) {
-    removeCookie(moduleOptions.cookieNameIsConsentGiven)
+    cookieIsConsentGiven.value = undefined
   } else {
     setCookie(
       moduleOptions.cookieNameIsConsentGiven,

package/dist/runtime/methods.d.ts

@@ -1,9 +1,9 @@
+import { type CookieSerializeOptions } from 'cookie-es';
 import { Cookie, ModuleOptions, Translatable } from './types';
 export declare const getAllCookieIdsString: (moduleOptions: ModuleOptions) => string;
-export declare const getCookie: (name: string) => any;
 export declare const getCookieId: (cookie: Cookie) => string;
 export declare const getCookieIds: (cookies: Cookie[]) => string[];
-export declare const removeCookie: (name: string) => any;
+export declare const removeCookie: (name: string) => string;
 export declare const resolveTranslatable: (translatable: Translatable, locale?: import("./types").Locale) => string;
-export declare const setCookie: (name: string, value: string, options: Cookies.CookieAttributes) => any;
+export declare const setCookie: (name: string, value: string, options: CookieSerializeOptions) => string;
 export declare const useResolveTranslatable: (locale?: import("./types").Locale) => (translatable: Translatable) => string;

package/dist/runtime/methods.mjs

@@ -1,14 +1,13 @@
-import Cookies from "js-cookie";
 import slugify from "@sindresorhus/slugify";
+import { serialize } from "cookie-es";
 import { LOCALE_DEFAULT } from "./constants.mjs";
 export const getAllCookieIdsString = (moduleOptions) => getCookieIds([
   ...moduleOptions.cookies.necessary,
   ...moduleOptions.cookies.optional
 ]).join("");
-export const getCookie = (name) => Cookies.get(name);
 export const getCookieId = (cookie) => cookie.id || slugify(resolveTranslatable(cookie.name));
 export const getCookieIds = (cookies) => cookies.map((cookie) => getCookieId(cookie));
-export const removeCookie = (name) => Cookies.remove(name);
+export const removeCookie = (name) => document.cookie = serialize(name, "", { expires: /* @__PURE__ */ new Date(0) });
 export const resolveTranslatable = (translatable, locale = LOCALE_DEFAULT) => {
   if (typeof translatable === "string")
     return translatable;
@@ -19,7 +18,10 @@ export const resolveTranslatable = (translatable, locale = LOCALE_DEFAULT) => {
     throw new Error(`Could not get translation for locale ${locale}.`);
   return result;
 };
-export const setCookie = (name, value, options) => Cookies.set(name, value, { sameSite: "Strict", ...options });
+export const setCookie = (name, value, options) => document.cookie = serialize(name, value, {
+  sameSite: "strict",
+  ...options
+});
 export const useResolveTranslatable = (locale = LOCALE_DEFAULT) => {
   return (translatable) => resolveTranslatable(translatable, locale);
 };

package/dist/runtime/plugin.mjs

@@ -1,17 +1,14 @@
-import Cookies from "js-cookie";
 import { ref } from "vue";
 import { getAllCookieIdsString, getCookieId } from "./methods.mjs";
 import { defineNuxtPlugin } from "#imports";
 import moduleOptions from "#build/cookie-control-options";
 export default defineNuxtPlugin((_nuxtApp) => {
-  const cookieIsConsentGiven = Cookies.get(
-    moduleOptions.cookieNameIsConsentGiven
-  );
-  const cookieCookiesEnabledIds = Cookies.get(
+  const cookieIsConsentGiven = useCookie(moduleOptions.cookieNameIsConsentGiven);
+  const cookieCookiesEnabledIds = useCookie(
     moduleOptions.cookieNameCookiesEnabledIds
-  )?.split("|");
+  ).value?.split("|");
   const isConsentGiven = ref(
-    cookieIsConsentGiven === void 0 ? void 0 : cookieIsConsentGiven === getAllCookieIdsString(moduleOptions)
+    cookieIsConsentGiven === void 0 ? void 0 : cookieIsConsentGiven.value === getAllCookieIdsString(moduleOptions)
   );
   const cookiesEnabled = ref(
     cookieCookiesEnabledIds === void 0 ? void 0 : [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-cookie-control",
-  "version": "5.9.3",
+  "version": "5.10.0",
   "description": "Nuxt Cookies Control Module",
   "author": "Dario Ferderber <dario.ferderber@broj42.com>",
   "maintainers": [
@@ -18,7 +18,7 @@
   "engines": {
     "node": ">=16"
   },
-  "packageManager": "pnpm@8.6.0",
+  "packageManager": "pnpm@8.6.1",
   "exports": {
     ".": {
       "import": "./dist/module.mjs",
@@ -39,10 +39,9 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "@nuxt/kit": "3.5.2",
+    "@nuxt/kit": "3.5.3",
     "@sindresorhus/slugify": "2.2.1",
     "css-vars-ponyfill": "2.4.8",
-    "js-cookie": "3.0.5",
     "string-replace-loader": "3.1.0"
   },
   "devDependencies": {
@@ -51,18 +50,17 @@
     "@dargmuesli/nuxt-cookie-control": "link:.",
     "@nuxt/module-builder": "0.4.0",
     "@nuxtjs/eslint-config-typescript": "12.0.0",
-    "@types/js-cookie": "3.0.3",
-    "eslint": "8.41.0",
+    "eslint": "8.42.0",
     "eslint-config-prettier": "8.8.0",
     "eslint-plugin-prettier": "4.2.1",
     "husky": "8.0.3",
     "lint-staged": "13.2.2",
-    "nuxt": "3.5.2",
+    "nuxt": "3.5.3",
     "prettier": "2.8.8",
-    "typescript": "5.0.4",
+    "typescript": "5.1.3",
     "vue": "3.3.4",
     "vue-tsc": "1.6.5",
-    "webpack": "5.84.1"
+    "webpack": "5.86.0"
   },
   "publishConfig": {
     "access": "public"