@dargmuesli/nuxt-cookie-control 6.4.5 → 6.5.3

package/README.md

@@ -237,18 +237,28 @@ Every property that includes a `{ en: ... }` value is a translatable property th
 #### Modal
 
 ```html
-<template #modal>
-  <h3>Modal title</h3>
-  <p>Modal description</p>
-</template>
+<CookieControl>
+  <template #modal>
+    <h3>Modal title</h3>
+    <p>Modal description</p>
+  </template>
+</CookieControl>
 ```
 
 #### Cookie
 
 ```html
-<template #cookie="{config}">
-  <span v-for="c in config" :key="c.id" v-text="c.cookies" />
-</template>
+<CookieControl>
+  <template #cookie="{ cookie }">
+    <h3 v-text="cookie.name" />
+    <span v-html="cookie.description" />
+
+    <div v-if="cookie.targetCookieIds">
+      <b>Cookie ids: </b>
+      <span v-text="cookie?.targetCookieIds?.join(', ')" />
+    </div>
+  </template>
+</CookieControl>
 ```
 
 ### Props

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-cookie-control",
-  "version": "6.4.5",
+  "version": "6.5.3",
   "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, extendViteConfig, resolvePath } from '@nuxt/kit';
 
 const name = "@dargmuesli/nuxt-cookie-control";
-const version = "6.4.5";
+const version = "6.5.3";
 
 const en = {
   accept: "Accept",
@@ -152,7 +152,7 @@ const module = defineNuxtModule({
     addTemplate({
       filename: "cookie-control-options.ts",
       write: true,
-      getContents: () => `import { ModuleOptions } from '#cookie-control/types'
+      getContents: () => `import type { ModuleOptions } from '#cookie-control/types'
 
 export default ${JSON.stringify(
         moduleOptions,

package/dist/runtime/components/CookieControl.vue

@@ -77,70 +77,76 @@
                       v-for="cookie in moduleOptions.cookies[cookieType]"
                       :key="cookie.id"
                     >
-                      <div class="cookieControl__ModalInputWrapper">
-                        <input
-                          v-if="
-                            cookieType === CookieType.NECESSARY &&
-                            cookie.name !== 'functional'
-                          "
-                          :id="resolveTranslatable(cookie.name, props.locale)"
-                          type="checkbox"
-                          disabled
-                          checked
-                        />
-                        <input
-                          v-else
-                          :id="resolveTranslatable(cookie.name, props.locale)"
-                          type="checkbox"
-                          :checked="
-                            getCookieIds(localCookiesEnabled).includes(
-                              getCookieId(cookie),
-                            )
-                          "
-                          @change="toogleCookie(cookie)"
-                        />
-                        <button @click="toggleButton($event)">
-                          {{ getName(cookie.name) }}
-                        </button>
-                        <label
-                          class="cookieControl__ModalCookieName"
-                          :for="resolveTranslatable(cookie.name, props.locale)"
-                          tabindex="0"
-                          @keydown="toggleLabel($event)"
-                        >
-                          {{ getName(cookie.name) }}
-                          <span v-if="cookie.description">
-                            {{ getDescription(cookie.description) }}
-                          </span>
-                          <span
+                      <slot name="cookie" v-bind="{ cookie }">
+                        <div class="cookieControl__ModalInputWrapper">
+                          <input
                             v-if="
-                              moduleOptions.isCookieIdVisible &&
-                              cookie.targetCookieIds
+                              cookieType === CookieType.NECESSARY &&
+                              cookie.name !== 'functional'
                             "
+                            :id="resolveTranslatable(cookie.name, props.locale)"
+                            type="checkbox"
+                            disabled
+                            checked
+                          />
+                          <input
+                            v-else
+                            :id="resolveTranslatable(cookie.name, props.locale)"
+                            type="checkbox"
+                            :checked="
+                              getCookieIds(localCookiesEnabled).includes(
+                                getCookieId(cookie),
+                              )
+                            "
+                            @change="toogleCookie(cookie)"
+                          />
+                          <button @click="toggleButton($event)">
+                            {{ getName(cookie.name) }}
+                          </button>
+                          <label
+                            class="cookieControl__ModalCookieName"
+                            :for="
+                              resolveTranslatable(cookie.name, props.locale)
+                            "
+                            tabindex="0"
+                            @keydown="toggleLabel($event)"
                           >
-                            <br />
-                            {{
-                              'IDs: ' +
-                              cookie.targetCookieIds
-                                .map((id: string) => `"${id}"`)
-                                .join(', ')
-                            }}
-                          </span>
-                          <template
-                            v-if="Object.entries(cookie.links || {}).length"
-                          >
+                            {{ getName(cookie.name) }}
+                            <span v-if="cookie.description">
+                              {{ getDescription(cookie.description) }}
+                            </span>
                             <span
-                              v-for="entry in Object.entries(
-                                cookie.links || {},
-                              )"
-                              :key="entry[0]"
+                              v-if="
+                                moduleOptions.isCookieIdVisible &&
+                                cookie.targetCookieIds
+                              "
                             >
                               <br />
-                              <a :href="entry[0]">{{ entry[1] || entry[0] }}</a>
+                              {{
+                                'IDs: ' +
+                                cookie.targetCookieIds
+                                  .map((id: string) => `"${id}"`)
+                                  .join(', ')
+                              }}
                             </span>
-                          </template>
-                        </label>
-                      </div>
+                            <template
+                              v-if="Object.entries(cookie.links || {}).length"
+                            >
+                              <span
+                                v-for="entry in Object.entries(
+                                  cookie.links || {},
+                                )"
+                                :key="entry[0]"
+                              >
+                                <br />
+                                <a :href="entry[0]">{{
+                                  entry[1] || entry[0]
+                                }}</a>
+                              </span>
+                            </template>
+                          </label>
+                        </div>
+                      </slot>
                     </li>
                   </ul>
                 </template>
@@ -188,7 +194,12 @@ import { ref, computed, onBeforeMount, watch } from 'vue'
 
 import { useNuxtApp } from '#app'
 
-import { Cookie, CookieType, Locale, Translatable } from '../types'
+import {
+  type Cookie,
+  CookieType,
+  type Locale,
+  type Translatable,
+} from '../types'
 import {
   getAllCookieIdsString,
   getCookieId,

package/dist/runtime/components/CookieIframe.vue

@@ -23,7 +23,7 @@ import { computed } from 'vue'
 
 import { useNuxtApp } from '#app'
 
-import { Cookie } from '../types'
+import type { Cookie } from '../types'
 
 import { useCookieControl } from '#imports'
 

package/dist/runtime/composables.d.ts

@@ -1,2 +1,2 @@
-import { State } from './types';
+import type { State } from './types';
 export declare const useCookieControl: () => State;

package/dist/runtime/constants.d.ts

@@ -1,2 +1,2 @@
-import { Locale } from './types';
+import type { Locale } from './types';
 export declare const LOCALE_DEFAULT: Locale;

package/dist/runtime/locale/ar.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/az.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/bg.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/ca.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/cs.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/da.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/de.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/en.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/es.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/fi.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/fr.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/hr.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/hu.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/it.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/ja.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/ko.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/lt.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/nl.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/no.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/oc.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/pl.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/pt.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/ro.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/rs.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/ru.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/sk.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/sv.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/tr.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/locale/uk.d.ts

@@ -1,3 +1,3 @@
-import { LocaleStrings } from '../types';
+import type { LocaleStrings } from '../types';
 declare const _default: LocaleStrings;
 export default _default;

package/dist/runtime/methods.d.ts

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

package/dist/runtime/methods.mjs

@@ -1,13 +1,13 @@
 import slugify from "@sindresorhus/slugify";
-import { serialize } from "cookie-es";
 import { LOCALE_DEFAULT } from "./constants.mjs";
+import { useCookie } from "#imports";
 export const getAllCookieIdsString = (moduleOptions) => getCookieIds([
   ...moduleOptions.cookies.necessary,
   ...moduleOptions.cookies.optional
 ]).join("");
 export const getCookieId = (cookie) => cookie.id || slugify(resolveTranslatable(cookie.name));
 export const getCookieIds = (cookies) => cookies.map((cookie) => getCookieId(cookie));
-export const removeCookie = (name) => document.cookie = serialize(name, "", { expires: /* @__PURE__ */ new Date(0) });
+export const removeCookie = (name) => useCookie(name, { expires: /* @__PURE__ */ new Date(0) });
 export const resolveTranslatable = (translatable, locale = LOCALE_DEFAULT) => {
   if (typeof translatable === "string")
     return translatable;

package/dist/runtime/plugin.d.ts

@@ -1,5 +1,5 @@
-import { Plugin } from '#app';
-import { State } from './types';
+import type { Plugin } from '#app';
+import type { State } from './types';
 declare const plugin: Plugin<{
     cookies: State;
 }>;

package/dist/runtime/types.d.ts

@@ -1,5 +1,5 @@
-import { Ref } from 'vue';
-import { CookieOptions } from 'nuxt/app';
+import type { Ref } from 'vue';
+import type { CookieOptions } from 'nuxt/app';
 export type Locale = 'ar' | 'az' | 'bg' | 'ca' | 'cs' | 'da' | 'de' | 'en' | 'es' | 'fi' | 'fr' | 'hr' | 'hu' | 'it' | 'ja' | 'ko' | 'lt' | 'nl' | 'no' | 'oc' | 'pt' | 'pl' | 'ro' | 'rs' | 'ru' | 'sk' | 'sv' | 'tr' | 'uk';
 export type PartialRecord<K extends keyof any, T> = Partial<Record<K, T>>;
 export type Translatable = string | PartialRecord<Locale, string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-cookie-control",
-  "version": "6.4.5",
+  "version": "6.5.3",
   "description": "Nuxt Cookie Control Module",
   "author": "Dario Ferderber <dario.ferderber@broj42.com>",
   "maintainers": [
@@ -21,7 +21,7 @@
   "engines": {
     "node": ">=16"
   },
-  "packageManager": "pnpm@8.9.0",
+  "packageManager": "pnpm@8.9.2",
   "exports": {
     ".": {
       "import": "./dist/module.mjs",
@@ -37,36 +37,37 @@
     "src/locale"
   ],
   "scripts": {
-    "build": "nuxt-module-build",
+    "build": "nuxt-module-build build",
     "lint": "eslint --ext .js,.ts,.vue . && nuxt typecheck",
     "lint:fix": "eslint --ext .js,.ts,.vue --fix . && nuxt typecheck --fix",
     "prepack": "pnpm build",
     "prepare": "husky install"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.7.3",
+    "@nuxt/kit": "^3.8.0",
     "@sindresorhus/slugify": "^2.2.1",
     "css-vars-ponyfill": "^2.4.8",
     "string-replace-loader": "^3.1.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "17.7.2",
-    "@commitlint/config-conventional": "17.7.0",
+    "@commitlint/cli": "18.0.0",
+    "@commitlint/config-conventional": "18.0.0",
     "@dargmuesli/nuxt-cookie-control": "link:",
     "@nuxt/module-builder": "0.5.2",
+    "@nuxt/schema": "3.8.0",
     "@nuxtjs/eslint-config-typescript": "12.1.0",
     "conventional-changelog-conventionalcommits": "7.0.2",
-    "eslint": "8.51.0",
+    "eslint": "8.52.0",
     "eslint-config-prettier": "9.0.0",
-    "eslint-plugin-prettier": "5.0.0",
+    "eslint-plugin-prettier": "5.0.1",
     "husky": "8.0.3",
-    "lint-staged": "14.0.1",
-    "nuxt": "3.7.4",
+    "lint-staged": "15.0.2",
+    "nuxt": "3.8.0",
     "prettier": "3.0.3",
     "typescript": "5.2.2",
-    "vue": "3.3.4",
-    "vue-tsc": "1.8.18",
-    "webpack": "5.88.2"
+    "vue": "3.3.6",
+    "vue-tsc": "1.8.19",
+    "webpack": "5.89.0"
   },
   "publishConfig": {
     "access": "public"