feat(cookie-control): migrate to v3

dargmuesli · Jan 16, 2023 · 5a53542 · 5a53542
1 parent 8f23c43
commit 5a53542
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 4 deletions.
diff --git a/app.vue b/app.vue
@@ -3,3 +3,23 @@
     <NuxtPage />
   </NuxtLayout>
 </template>
+
+<script setup lang="ts">
+const cookieControl = useCookieControl()
+
+// lifecycle
+watch(
+  () => cookieControl.cookiesEnabledIds.value,
+  (current, previous) => {
+    if (
+      (!previous?.includes('google-analytics') &&
+        current?.includes('google-analytics')) ||
+      (previous?.includes('google-analytics') &&
+        !current?.includes('google-analytics'))
+    ) {
+      window.location.reload()
+    }
+  },
+  { deep: true }
+)
+</script>
diff --git a/cypress/e2e/index.cy.ts b/cypress/e2e/index.cy.ts
@@ -40,7 +40,7 @@ describe('index page', () => {
 
   context('visual regression', () => {
     it('looks as before', () => {
-      cy.setCookie('cookie_control_consent', 'true')
+      cy.setCookie('cookie_control_is_consent_given', 'true')
       cy.visit('/')
       cy.get('[data-is-loading="false"]').should('be.visible')
       cy.get('[data-testid="nuxt-cookie-control-control-button"]').should(

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -33,8 +33,8 @@ export default defineNuxtConfig({
                 en: 'Cookie Preferences',
               },
               targetCookieIds: [
-                'cookie_control_consent',
-                'cookie_control_enabled_cookies',
+                'cookie_control_is_consent_given',
+                'cookie_control_cookies_enabled_ids',
               ],
             },
             {

diff --git a/plugins/gtag.client.ts b/plugins/gtag.client.ts
@@ -9,7 +9,7 @@ export default defineNuxtPlugin((nuxtApp) => {
     VueGtag,
     {
       bootstrap:
-        cookieControl.cookiesEnabledIds.value.includes('google-analytics'),
+        !!cookieControl.cookiesEnabledIds.value?.includes('google-analytics'),
       config: {
         id: config.public.googleAnalyticsId,
       },