@dargmuesli/nuxt-cookie-control 2.2.3 → 3.0.0-beta.1

package/README.md

@@ -1,9 +1,11 @@
 # Nuxt Cookie Control
+[![npm version][npm-version-src]][npm-version-href] [![npm downloads][npm-downloads-src]][npm-downloads-href]
+
+![Nuxt Cookie Control](https://drive.google.com/a/broj42.com/uc?id=1FGQVyj2s0OT-gpTYxH_FuQhe6oU9iejW)
+
 
 Continuing Dario Ferderber's work on [gitlab.com/broj42/nuxt-cookie-control](https://gitlab.com/broj42/nuxt-cookie-control).
 
-![Nuxt Cookie Control](https://drive.google.com/a/broj42.com/uc?id=1FGQVyj2s0OT-gpTYxH_FuQhe6oU9iejW)
-####
 Try it out here:
 [Nuxt.js Cookie Control](https://codesandbox.io/s/vkwqmm577)
 
@@ -13,8 +15,7 @@ npm i -D @dargmuesli/nuxt-cookie-control
 yarn add -D @dargmuesli/nuxt-cookie-control
 pnpm i -D @dargmuesli/nuxt-cookie-control
 ```
-[![npm version][npm-version-src]][npm-version-href]
-[![npm downloads][npm-downloads-src]][npm-downloads-href]
+
 
 ```javascript
 // nuxt.config.js
@@ -49,7 +50,7 @@ const {
 } = useCookieControl()
 </script>
 ```
-## Slot
+## Component Slots
 ### Bar
 ```html
 <CookieControl>
@@ -188,9 +189,9 @@ Every property the includes a `{ en: ... }` value is a translatable property tha
   description: {
     en:  'Used for cookie control.'
   },
-  id: 'ga', // if unset, the slugified name will be used
+  id: 'ga', // if unset, `getCookieId(cookie)` returns the cookie's slugified name instead, which e.g. is used to fill the state's `enabledCookieIds` list
   name: {
-    en: 'Google Analytics'
+    en: 'Google Analytics' // you always have to specify a cookie name (in English)
   },
   src: 'https://www.googletagmanager.com/gtag/js?id=<API-KEY>',
   targetCookieIds: ['cookie_control_consent', 'cookie_control_enabled_cookies']

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-cookie-control",
-  "version": "2.2.3",
+  "version": "3.0.0-beta.1",
   "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.2.3";
+const version = "3.0.0-beta.1";
 
 const en = {
   acceptAll: "Accept all",

package/dist/runtime/components/CookieControl.vue

@@ -3,7 +3,7 @@
     <section class="cookieControl">
       <transition :name="`cookieControl__Bar--${moduleOptions.barPosition}`">
         <div
-          v-if="colorsSet && !isConsentGiven"
+          v-if="isColorsSet && !isConsentGiven"
           :class="`cookieControl__Bar cookieControl__Bar--${moduleOptions.barPosition}`"
         >
           <div class="cookieControl__BarContainer">
@@ -15,7 +15,7 @@
             </div>
             <div class="cookieControl__BarButtons">
               <button
-                @click="setConsent({ reload: false })"
+                @click="setConsent({})"
                 v-text="localeStrings?.acceptAll"
               />
               <button
@@ -33,7 +33,7 @@
       </transition>
       <button
         v-if="
-          moduleOptions.isControlButtonEnabled && colorsSet && isConsentGiven
+          moduleOptions.isControlButtonEnabled && isColorsSet && isConsentGiven
         "
         aria-label="Cookie control"
         class="cookieControl__ControlButton"
@@ -170,7 +170,7 @@ const resolveTranslatable = useResolveTranslatable(props.locale)
 
 // data
 const saved = ref(true)
-const colorsSet = ref(false)
+const isColorsSet = ref(false)
 
 // computations
 const localeStrings = computed(() => moduleOptions.localeTexts[props.locale])
@@ -190,12 +190,10 @@ const toogleCookie = (cookie: Cookie) => {
 const setConsent = ({
   type = undefined,
   isConsentGiven = true,
-  reload = true,
   declineAll = false,
 }: {
   type?: 'partial'
   isConsentGiven?: boolean
-  reload?: boolean
   declineAll?: boolean
 }) => {
   const cookieIds = declineAll
@@ -215,12 +213,8 @@ const setConsent = ({
     expires: expirationDate,
   })
 
-  if (reload) {
-    window.location.reload()
-  } else {
-    setConsentFun()
-    isModalActive.value = false
-  }
+  setConsentFun()
+  isModalActive.value = false
 }
 const getDescription = (description: Translatable) =>
   `${
@@ -255,6 +249,8 @@ onBeforeMount(async () => {
         )
       }
     }
+
+    isColorsSet.value = true
   }
 
   const cookieControlConsent = getCookieControlConsent()
@@ -270,7 +266,5 @@ onBeforeMount(async () => {
       }
     }
   }
-
-  colorsSet.value = true
 })
 </script>

package/dist/runtime/methods.mjs

@@ -4,10 +4,7 @@ import { useCookieControl } from "./composables.mjs";
 import { LOCALE_DEFAULT } from "./constants.mjs";
 export const useAcceptNecessary = () => {
   const { cookiesEnabled, moduleOptions } = useCookieControl();
-  return () => acceptNecessary(
-    cookiesEnabled,
-    moduleOptions.cookies?.necessary
-  );
+  return () => acceptNecessary(cookiesEnabled, moduleOptions.cookies?.necessary);
 };
 export const acceptNecessary = (cookiesEnabledRef, cookiesNecessary = []) => {
   const expires = new Date();
@@ -21,7 +18,6 @@ export const acceptNecessary = (cookiesEnabledRef, cookiesNecessary = []) => {
     expires
   });
   setHead(cookiesEnabledRef.value);
-  window.location.reload();
 };
 export const useResolveTranslatable = (locale = LOCALE_DEFAULT) => {
   return (translatable) => resolveTranslatable(translatable, locale);
@@ -59,26 +55,23 @@ export const setConsent = ({
   if (isConsentGiven.value) {
     const enabledFromCookie = Cookies.get("cookie_control_enabled_cookies");
     cookiesEnabled.value.push(
-      ...moduleOptions.cookies.optional.filter((cookieOptional) => {
-        return enabledFromCookie?.includes(getCookieId(cookieOptional));
-      })
+      ...moduleOptions.cookies.optional.filter(
+        (cookieOptional) => enabledFromCookie?.includes(getCookieId(cookieOptional))
+      )
     );
   }
   if (moduleOptions.cookies?.necessary)
     cookiesEnabled.value.push(
-      ...moduleOptions.cookies.necessary.filter((cookieNecessary) => {
-        return cookieNecessary.src;
-      })
+      ...moduleOptions.cookies.necessary.filter(
+        (cookieNecessary) => cookieNecessary.src
+      )
     );
   cookiesEnabledIds.value = cookiesEnabled.value.map(
     (cookieEnabled) => getCookieId(cookieEnabled)
   );
   if (process.client && !isInit) {
     setHead(cookiesEnabled.value);
-    clearCookies(
-      cookiesEnabledIds.value,
-      moduleOptions.cookies.optional
-    );
+    clearCookies(cookiesEnabledIds.value, moduleOptions.cookies.optional);
   }
 };
 export const getCookieControlConsent = () => Cookies.get("cookie_control_consent");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-cookie-control",
-  "version": "2.2.3",
+  "version": "3.0.0-beta.1",
   "description": "Nuxt Cookies Control Module",
   "author": "Dario Ferderber <dario.ferderber@broj42.com>",
   "maintainers": [
@@ -52,10 +52,10 @@
     "husky": "8.0.3",
     "lint-staged": "13.1.0",
     "nuxt": "3.0.0",
-    "prettier": "2.8.1",
+    "prettier": "2.8.2",
     "typescript": "4.9.4",
     "vue": "3.2.45",
-    "vue-tsc": "1.0.22",
+    "vue-tsc": "1.0.24",
     "webpack": "5.75.0"
   },
   "resolutions": {