feat: prevent ad blockers from affecting development (closes #85)

src/runtime/composables/useGtag.ts

@@ -1,9 +1,8 @@
 import { withQuery } from 'ufo'
-import { gtag, initGtag } from '../gtag'
+import { gtag, initGtag, resolveTags } from '../utils'
 import { disableAnalytics as _disableAnalytics, enableAnalytics as _enableAnalytics } from '../analytics'
 import type { ModuleOptions } from '../../module'
 import type { Gtag } from '../types'
-import { resolveTags } from '../utils'
 import { useHead, useRuntimeConfig } from '#imports'
 
 export function useGtag() {

src/runtime/plugin.client.ts

@@ -1,8 +1,7 @@
 import { withQuery } from 'ufo'
 import { defineNuxtPlugin } from 'nuxt/app'
 import type { ModuleOptions } from '../module'
-import { initGtag } from './gtag'
-import { resolveTags } from './utils'
+import { initGtag, resolveTags } from './utils'
 import { useHead, useRuntimeConfig } from '#imports'
 
 export default defineNuxtPlugin({

src/runtime/utils.ts

@@ -2,6 +2,30 @@ import type { ModuleOptions } from '../module'
 import type { GoogleTagOptions } from './types'
 import { toRaw } from '#imports'
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
+export function gtag(...args: any[]) {
+  // eslint-disable-next-line prefer-rest-params
+  window.dataLayer?.push(arguments)
+}
+
+/**
+ * Initialize the Google tag.
+ */
+export function initGtag({ tags }: { tags: GoogleTagOptions[] }) {
+  window.dataLayer = window.dataLayer || []
+
+  for (const tag of tags) {
+    for (const command of tag.initCommands ?? [])
+      gtag(...command)
+  }
+
+  gtag('js', new Date())
+  for (const tag of tags) {
+    // Always provide a default value for the `config` object
+    gtag('config', tag.id, tag.config ?? {})
+  }
+}
+
 export function resolveTags(options: Required<ModuleOptions>) {
   const _options = toRaw(options)