@dargmuesli/nuxt-cookie-control 2.0.2 → 2.2.0

package/dist/module.d.ts

@@ -37,6 +37,7 @@ interface LocaleStrings {
     here: string;
     manageCookies: string;
     necessary: string;
+    none: string;
     optional: string;
     save: string;
     unsaved: string;

package/dist/module.json

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

package/dist/module.mjs

@@ -11,7 +11,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
 const __dirname = __cjs_path__.dirname(__filename);
 const require = __cjs_mod__.createRequire(import.meta.url);
 const name = "@dargmuesli/nuxt-cookie-control";
-const version = "2.0.2";
+const version = "2.2.0";
 
 const en = {
   acceptAll: "Accept all",
@@ -26,6 +26,7 @@ const en = {
   manageCookies: "Manage cookies",
   necessary: "Necessary cookies",
   optional: "Optional cookies",
+  none: "none",
   save: "Save",
   unsaved: "You have unsaved settings"
 };

package/dist/runtime/components/CookieControl.vue

@@ -14,6 +14,10 @@
               </slot>
             </div>
             <div class="cookieControl__BarButtons">
+              <button
+                @click="setConsent({ reload: false })"
+                v-text="localeStrings?.acceptAll"
+              />
               <button
                 v-if="moduleOptions.isAcceptNecessaryButtonEnabled"
                 @click="acceptNecessary"
@@ -23,10 +27,6 @@
                 @click="isModalActive = true"
                 v-text="localeStrings?.manageCookies"
               />
-              <button
-                @click="setConsent({ reload: false })"
-                v-text="localeStrings?.acceptAll"
-              />
             </div>
           </div>
         </div>
@@ -35,8 +35,9 @@
         v-if="
           moduleOptions.isControlButtonEnabled && colorsSet && isConsentGiven
         "
-        class="cookieControl__ControlButton"
         aria-label="Cookie control"
+        class="cookieControl__ControlButton"
+        data-testid="nuxt-cookie-control-control-button"
         @click="isModalActive = true"
       >
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -63,7 +64,7 @@
               />
               <div v-for="cookieType in CookieType" :key="cookieType">
                 <h3 v-text="localeStrings && localeStrings[cookieType]" />
-                <ul v-if="moduleOptions.cookies">
+                <ul v-if="moduleOptions.cookies[cookieType].length">
                   <li
                     v-for="cookie in moduleOptions.cookies[cookieType]"
                     :key="cookie.id"
@@ -99,22 +100,21 @@
                         <span v-if="cookie.description">
                           {{ getDescription(cookie.description) }}
                         </span>
+                        <span v-if="cookie.targetCookieIds">
+                          {{
+                            ' IDs: ' +
+                            cookie.targetCookieIds
+                              .map((id) => `"${id}"`)
+                              .join(', ')
+                          }}
+                        </span>
                       </span>
                     </div>
-                    <template v-if="cookie.targetCookieIds">
-                      <slot name="cookie" v-bind="{ config: cookie }">
-                        <ul>
-                          <li
-                            v-for="targetCookieId in cookie.targetCookieIds"
-                            :key="targetCookieId"
-                          >
-                            {{ targetCookieId }}
-                          </li>
-                        </ul>
-                      </slot>
-                    </template>
                   </li>
                 </ul>
+                <p v-else>
+                  {{ localeStrings?.none }}
+                </p>
               </div>
               <div class="cookieControl__ModalButtons">
                 <button

package/dist/runtime/locale/ar.mjs

@@ -10,6 +10,7 @@ export default {
   here: "\u0647\u0646\u0627",
   manageCookies: "\u0625\u062F\u0627\u0631\u0629 \u0645\u0644\u0641\u0627\u062A \u062A\u0639\u0631\u064A\u0641 \u0627\u0644\u0627\u0631\u062A\u0628\u0627\u0637",
   necessary: "\u0645\u0644\u0641\u0627\u062A \u062A\u0639\u0631\u064A\u0641 \u0627\u0644\u0627\u0631\u062A\u0628\u0627\u0637 \u0627\u0644\u0636\u0631\u0648\u0631\u064A\u0629",
+  none: "\u0644\u0627 \u0623\u062D\u062F",
   optional: "\u0645\u0644\u0641\u0627\u062A \u062A\u0639\u0631\u064A\u0641 \u0627\u0644\u0627\u0631\u062A\u0628\u0627\u0637 \u0627\u0644\u0627\u062E\u062A\u064A\u0627\u0631\u064A\u0629",
   save: "\u062D\u0641\u0638",
   unsaved: "\u0644\u062F\u064A\u0643 \u0625\u0639\u062F\u0627\u062F\u0627\u062A \u063A\u064A\u0631 \u0645\u062D\u0641\u0648\u0638\u0629"

package/dist/runtime/locale/de.mjs

@@ -1,6 +1,6 @@
 export default {
   acceptAll: "Alle akzeptieren",
-  acceptNecessary: "Akzeptiere das Notwendige",
+  acceptNecessary: "Nur notwendige akzeptieren",
   barDescription: "Wir verwenden unsere eigenen Cookies und Cookies von Drittanbietern, damit wir Ihnen diese Website zeigen k\xF6nnen und verstehen wie Sie diese verwenden, um die von uns angebotenen Dienstleistungen zu verbessern. Wenn Sie weiter surfen, gehen wir davon aus, dass Sie die Cookies akzeptiert haben.",
   barTitle: "Cookies",
   blockedIframe: "Um den Inhalt zu sehen, aktivieren Sie bitte funktionale Cookies",
@@ -10,6 +10,7 @@ export default {
   here: "hier",
   manageCookies: "Cookies verwalten",
   necessary: "Notwendige Cookies",
+  none: "keine",
   optional: "Optionale Cookies",
   save: "Speichern",
   unsaved: "Sie haben nicht gespeicherte Einstellungen"

package/dist/runtime/locale/en.mjs

@@ -11,6 +11,7 @@ export default {
   manageCookies: "Manage cookies",
   necessary: "Necessary cookies",
   optional: "Optional cookies",
+  none: "none",
   save: "Save",
   unsaved: "You have unsaved settings"
 };

package/dist/runtime/locale/es.mjs

@@ -10,6 +10,7 @@ export default {
   here: "aqu\xED",
   manageCookies: "Administrar cookies",
   necessary: "Cookies obligatorias",
+  none: "nada",
   optional: "Cookies opcionales",
   save: "Guardar",
   unsaved: "Tienes configuraciones no guardadas"

package/dist/runtime/locale/fr.mjs

@@ -10,6 +10,7 @@ export default {
   here: "ici",
   manageCookies: "G\xE9rer les cookies",
   necessary: "Les cookies obligatoires",
+  none: "rien",
   optional: "Les cookies optionnels",
   save: "Sauvegarder",
   unsaved: "Vous avez des param\xE8tres non sauvegard\xE9s"

package/dist/runtime/locale/hr.mjs

@@ -10,6 +10,7 @@ export default {
   here: "ovdje",
   manageCookies: "Upravljaj kola\u010Di\u0107ima",
   necessary: "Obavezni kola\u010Di\u0107i",
+  none: "nikakav",
   optional: "Neobavezni kola\u010Di\u0107i",
   save: "Spremi",
   unsaved: "Imate nespremljenih postavki"

package/dist/runtime/locale/hu.mjs

@@ -10,6 +10,7 @@ export default {
   here: "itt",
   manageCookies: "S\xFCtikk kezel\xE9se",
   necessary: "Sz\xFCks\xE9ges s\xFCtikk",
+  none: "egyik sem",
   optional: "Opcion\xE1lis s\xFCtik",
   save: "Ment\xE9s",
   unsaved: "Ment\xE9s n\xE9lk\xFCli be\xE1ll\xEDt\xE1sok vannak"

package/dist/runtime/locale/it.mjs

@@ -10,6 +10,7 @@ export default {
   here: "qui",
   manageCookies: "Gestisci i cookie",
   necessary: "Cookie necessari",
+  none: "nessuno",
   optional: "Cookie opzionali",
   save: "Salva",
   unsaved: "Ci sono impostazioni non salvate"

package/dist/runtime/locale/ja.mjs

@@ -10,6 +10,7 @@ export default {
   here: "\u8A2D\u5B9A",
   manageCookies: "Cookie\u3092\u7BA1\u7406",
   necessary: "\u4E0D\u53EF\u6B20\u306ACookie",
+  none: "\u306A\u3057",
   optional: "\u4EFB\u610F\u306Ecookies",
   save: "\u4FDD\u5B58",
   unsaved: "\u4FDD\u5B58\u3055\u308C\u3066\u3044\u306A\u3044\u8A2D\u5B9A\u304C\u3042\u308A\u307E\u3059"

package/dist/runtime/locale/nl.mjs

@@ -10,6 +10,7 @@ export default {
   here: "hier",
   manageCookies: "Beheer cookies",
   necessary: "Noodzakelijke cookies",
+  none: "geen",
   optional: "Optionele cookies",
   save: "Opslaan",
   unsaved: "Er zijn niet-opgeslagen instellingen"

package/dist/runtime/locale/no.mjs

@@ -10,6 +10,7 @@ export default {
   here: "her",
   manageCookies: "Administrer informasjonskapsler",
   necessary: "N\xF8dvendige informasjonskapsler",
+  none: "ingen",
   optional: "Valgfrie informasjonskapsler",
   save: "Lagre",
   unsaved: "Du har ulagrede innstillinger"

package/dist/runtime/locale/pt.mjs

@@ -10,6 +10,7 @@ export default {
   here: "aqui",
   manageCookies: "Gerir cookies",
   necessary: "Cookies necess\xE1rios",
+  none: "Nenhum",
   optional: "Cookies opcionais",
   save: "Gravar",
   unsaved: "Tem altera\xE7\xF5es n\xE3o guardadas"

package/dist/runtime/locale/ru.mjs

@@ -10,6 +10,7 @@ export default {
   here: "\u0437\u0434\u0435\u0441\u044C",
   manageCookies: "\u0423\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u0444\u0430\u0439\u043B\u0430\u043C\u0438 cookie",
   necessary: "\u041D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u044B\u0435 \u0444\u0430\u0439\u043B\u044B cookie",
+  none: "\u043D\u0438\u043A\u0442\u043E",
   optional: "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0444\u0430\u0439\u043B\u044B cookie",
   save: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C",
   unsaved: "\u0423 \u0432\u0430\u0441 \u0435\u0441\u0442\u044C \u043D\u0435\u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u043D\u044B\u0435 \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438"

package/dist/runtime/locale/uk.mjs

@@ -10,6 +10,7 @@ export default {
   here: "\u0442\u0443\u0442",
   manageCookies: "\u041A\u0435\u0440\u0443\u0432\u0430\u0442\u0438 \u0444\u0430\u0439\u043B\u0430\u043C\u0438 cookie",
   necessary: "\u041D\u0435\u043E\u0431\u0445\u0456\u0434\u043D\u0456 \u0444\u0430\u0439\u043B\u0438 cookie",
+  none: "\u043D\u0435\u043C\u0430\u0454",
   optional: "\u0424\u0430\u043A\u0443\u043B\u044C\u0442\u0430\u0442\u0438\u0432\u043D\u0456 \u0444\u0430\u0439\u043B\u0438 cookie",
   save: "\u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438",
   unsaved: "\u0423 \u0432\u0430\u0441 \u0454 \u043D\u0435\u0437\u0431\u0435\u0440\u0435\u0436\u0435\u043D\u0456 \u043D\u0430\u043B\u0430\u0448\u0442\u0443\u0432\u0430\u043D\u043D\u044F"

package/dist/runtime/methods.d.ts

@@ -1,7 +1,7 @@
 import { Ref } from 'vue';
 import { Cookie, ModuleOptions, Translatable } from './types';
 export declare const useAcceptNecessary: () => () => void;
-export declare const acceptNecessary: (cookiesEnabledRef: Ref<Cookie[]>, isConsentGivenRef: Ref<boolean>, cookiesNecessary?: Cookie[]) => void;
+export declare const acceptNecessary: (cookiesEnabledRef: Ref<Cookie[]>, cookiesNecessary?: Cookie[]) => void;
 export declare const useResolveTranslatable: (locale?: import("./types").Locale) => (translatable: Translatable) => string;
 export declare const useSetConsent: () => () => void;
 export declare const setConsent: ({ isInit, isConsentGiven, moduleOptions, cookiesEnabled, cookiesEnabledIds, }: {

package/dist/runtime/methods.mjs

@@ -3,28 +3,25 @@ import slugify from "@sindresorhus/slugify";
 import { useCookieControl } from "./composables.mjs";
 import { LOCALE_DEFAULT } from "./constants.mjs";
 export const useAcceptNecessary = () => {
-  const { cookiesEnabled, isConsentGiven, moduleOptions } = useCookieControl();
+  const { cookiesEnabled, moduleOptions } = useCookieControl();
   return () => acceptNecessary(
     cookiesEnabled,
-    isConsentGiven,
     moduleOptions.cookies?.necessary
   );
 };
-export const acceptNecessary = (cookiesEnabledRef, isConsentGivenRef, cookiesNecessary = []) => {
+export const acceptNecessary = (cookiesEnabledRef, cookiesNecessary = []) => {
   const expires = new Date();
   expires.setFullYear(expires.getFullYear() + 1);
   const necessaryCookieIds = cookiesNecessary.map(
     (necessaryCookie) => getCookieId(necessaryCookie)
   );
   setCookies({
-    isConsentGiven: isConsentGivenRef.value,
+    isConsentGiven: true,
     cookieIds: necessaryCookieIds,
     expires
   });
-  isConsentGivenRef.value = true;
-  if (process.client) {
-    setHead(cookiesEnabledRef.value);
-  }
+  setHead(cookiesEnabledRef.value);
+  window.location.reload();
 };
 export const useResolveTranslatable = (locale = LOCALE_DEFAULT) => {
   return (translatable) => resolveTranslatable(translatable, locale);

package/dist/runtime/types.d.ts

@@ -40,6 +40,7 @@ export interface LocaleStrings {
     here: string;
     manageCookies: string;
     necessary: string;
+    none: string;
     optional: string;
     save: string;
     unsaved: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-cookie-control",
-  "version": "2.0.2",
+  "version": "2.2.0",
   "description": "Nuxt Cookies Control Module",
   "author": "Dario Ferderber <dario.ferderber@broj42.com>",
   "maintainers": [
@@ -29,8 +29,8 @@
     "src/locale"
   ],
   "scripts": {
-    "prepack": "nuxt-module-build --stub && nuxi prepare playground && nuxt-module-build",
-    "dev": "nuxi dev playground",
+    "prepack": "pnpm dev:prepare && nuxt-module-build",
+    "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"
@@ -55,7 +55,7 @@
     "prettier": "2.8.1",
     "typescript": "4.9.4",
     "vue": "3.2.45",
-    "vue-tsc": "1.0.12",
+    "vue-tsc": "1.0.13",
     "webpack": "5.75.0"
   },
   "resolutions": {