fix: inject gtm plugin only on client side

zadigetvoltaire · Mar 22, 2023 · 8ec1b62 · 8ec1b62
1 parent dc17d4c
commit 8ec1b62
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/src/runtime/plugin.ts b/src/runtime/plugin.ts
@@ -6,12 +6,16 @@ import type { ModuleOptions } from '../module'
 import gtmOptions from '#gtm'
 
 export default defineNuxtPlugin((nuxtApp) => {
-  const options = gtmOptions as ModuleOptions
+  if (process.client) {
+    const options = gtmOptions as ModuleOptions
 
-  const pluginOptions: VueGtmUseOptions = {
-    ...options,
-    vueRouter: options.enableRouterSync && nuxtApp.$router ? nuxtApp.$router as Router : undefined
-  }
+    const pluginOptions: VueGtmUseOptions = {
+      ...options,
+      vueRouter: options.enableRouterSync && nuxtApp.$router ? nuxtApp.$router as Router : undefined
+    }
+
+    console.log('pluginOptions', pluginOptions)
 
-  nuxtApp.vueApp.use(createGtm(pluginOptions))
+    nuxtApp.vueApp.use(createGtm(pluginOptions))
+  }
 })