feat: set tracking cookie only after user consent

src/components/CookieBanner.vue

@@ -19,6 +19,7 @@
 <script setup lang="ts">
 import { ref, onMounted } from 'vue';
 import { useI18n } from 'vue-i18n';
+import { initVisitorTracking } from '@/lib/tracking';
 
 const { t } = useI18n();
 const isVisible = ref(false);
@@ -27,11 +28,14 @@ onMounted(() => {
   const consent = localStorage.getItem('cookie_consent');
   if (!consent) {
     isVisible.value = true;
+  } else if (consent === 'accepted') {
+    initVisitorTracking();
   }
 });
 
 const accept = () => {
   localStorage.setItem('cookie_consent', 'accepted');
+  initVisitorTracking();
   isVisible.value = false;
 };
 

src/main.ts

@@ -5,7 +5,6 @@ import App from "./App.vue";
 import { createHead } from "@unhead/vue/client";
 import router from "./router";
 import i18n from "./i18n";
-import { initVisitorTracking } from "@/lib/tracking";
 import "./index.css";
 
 // Handle dynamic import failures (assets deleted after deploy)
@@ -16,9 +15,6 @@ window.addEventListener('vite:preloadError', () => {
 
 const app = createApp(App);
 
-// Initialize visitor tracking
-initVisitorTracking();
-
 app.use(createPinia());
 app.use(createHead());