Tracking down hotjar problem

ramijames · Jan 12, 2025 · 61dee4a · 61dee4a
1 parent 92d3100
commit 61dee4a
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/app.vue b/app.vue
@@ -4,4 +4,10 @@
 
 <script setup>
 
+const { initialize } = useHotjar()
+
+onMounted(() => {
+  initialize()
+})
+
 </script>
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -29,12 +29,17 @@ export default defineNuxtConfig({
     }
   },
 
-  modules: ['@nuxtjs/google-fonts', '@nuxt/content', '@pinia/nuxt', 'nuxt-gtag', '@nuxt/image', 'v-gsap-nuxt'],
+  modules: ['@nuxtjs/google-fonts', '@nuxt/content', '@pinia/nuxt', 'nuxt-gtag', '@nuxt/image', 'v-gsap-nuxt', 'nuxt-module-hotjar'],
 
   gtag: {
     id: 'G-87K5F89NX5'
   },
 
+  hotjar: {
+    hotjarId: 5264408,
+    scriptVersion: 6,
+  },
+
   runtimeConfig: {
     public: {
       supabaseUrl: process.env.SUPABASE_URL,

diff --git a/package.json b/package.json
@@ -17,6 +17,7 @@
     "@pinia/nuxt": "^0.5.4",
     "nuxt": "^3.13.0",
     "nuxt-gtag": "^3.0.1",
+    "nuxt-module-hotjar": "^1.3.2",
     "pinia": "^2.2.2",
     "sass": "^1.77.8",
     "v-gsap-nuxt": "^1.1.9",