From 2a541196a4cea9f616c97acefe683178e774b50a Mon Sep 17 00:00:00 2001
From: Giovanni Harting <539@idlegandalf.com>
Date: Wed, 7 Dec 2022 06:50:03 +0100
Subject: [PATCH] switched to cookieless tracking

---
 src/App.vue                         |  3 +-
 src/components/CookieConsentBtn.vue | 74 -----------------------------
 src/main.js                         |  1 +
 3 files changed, 2 insertions(+), 76 deletions(-)
 delete mode 100644 src/components/CookieConsentBtn.vue

diff --git a/src/App.vue b/src/App.vue
index c4779a5..fe75dc1 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -15,14 +15,13 @@
 </template>
 
 <script>
-import CookieConsentBtn from "@/components/CookieConsentBtn";
 import {onMounted, ref} from "vue";
 import InfoModal from "@/components/InfoModal";
 import CompFooter from "@/components/CompFooter";
 import CompNav from "@/components/CompNav";
 
 export default {
-  components: {CompNav, CompFooter, InfoModal, CookieConsentBtn},
+  components: {CompNav, CompFooter, InfoModal},
   setup() {
     const offset = ref(0)
 
diff --git a/src/components/CookieConsentBtn.vue b/src/components/CookieConsentBtn.vue
deleted file mode 100644
index 895acfd..0000000
--- a/src/components/CookieConsentBtn.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-  <div v-if="!consent" class="card text-end bg-secondary text-white border border-1">
-    <div class="card-body">
-      <form class="mb-1">
-        <div class="form-check">
-          <input id="essential-cookies" checked class="form-check-input" disabled type="checkbox" value="">
-          <label class="form-check-label" for="essential-cookies">
-            Essential
-          </label>
-        </div>
-        <div class="form-check">
-          <input id="tracking" v-model="tracking" class="form-check-input" type="checkbox">
-          <label class="form-check-label" for="tracking">
-            Matomo
-          </label>
-        </div>
-      </form>
-
-      <a href="/privacy-policy" class="text-muted">Privacy Policy</a>
-
-      <div class="d-flex justify-content-between mt-2">
-        <button class="btn btn-outline-primary" type="button" @click="handleConsentForget">Decline</button>
-        <button class="btn btn-info" type="button" @click="handleConsent">Accept</button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import {onMounted, ref} from "vue";
-import {useCookies} from 'vue3-cookies'
-
-export default {
-  name: "CookieConsentBtn",
-  setup() {
-    const tracking = ref(true)
-    const {cookies} = useCookies()
-    const consent = ref(false)
-
-    const handleConsent = () => {
-      window._paq.push(['rememberCookieConsentGiven'])
-      cookies.set('consent', 'given', Infinity)
-
-      if (tracking.value){
-        window._paq.push(['rememberConsentGiven'])
-      }
-      consent.value = true
-    }
-    const handleConsentForget = () => {
-      consent.value = true
-    }
-
-    onMounted(() => {
-      window._paq.push(['requireCookieConsent']);
-      window._paq.push(['trackPageView']);
-
-      if (cookies.get('consent') === 'given')
-        consent.value = true
-    })
-
-    return {handleConsent, handleConsentForget, tracking, consent}
-  }
-}
-</script>
-
-<style scoped>
-.card {
-  z-index: 10;
-}
-form {
-  display: flex;
-  gap: 1rem;
-}
-</style>
diff --git a/src/main.js b/src/main.js
index 58efdef..1fdb334 100644
--- a/src/main.js
+++ b/src/main.js
@@ -17,6 +17,7 @@ if (process.env.VUE_APP_TRACKING) {
       host: process.env.VUE_APP_TRACK_URL,
       siteId: process.env.VUE_APP_TRACK_ID,
       router: router,
+      disableCookies: true,
     }
   )
 }