@nuxt/scripts 0.11.1 → 0.11.3

package/dist/runtime/components/ScriptYouTubePlayer.vue

@@ -1,215 +1,215 @@
-<script setup lang="ts">
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
-
-/// <reference types="youtube" />
-import { computed, onMounted, ref, watch } from 'vue'
-import type { HTMLAttributes, ImgHTMLAttributes, Ref } from 'vue'
-import { defu } from 'defu'
-import { useHead } from '@unhead/vue'
-import type { ElementScriptTrigger } from '../types'
-import { useScriptTriggerElement } from '../composables/useScriptTriggerElement'
-import { useScriptYouTubePlayer } from '../registry/youtube-player'
-import ScriptAriaLoadingIndicator from './ScriptAriaLoadingIndicator.vue'
-
-export type YoutubeThumbnailSize =
-// 120x90
-  '1' | '2' | '3' | 'default' |
-  // 320x180
-  'mq1' | 'mq2' | 'mq3' | 'mqdefault' |
-  // 480x360
-  '0' | 'hq1' | 'hq2' | 'hq3' | 'hqdefault' |
-  // 640x480
-  'sd1' | 'sd2' | 'sd3' | 'sddefault' |
-  // 1280x720
-  'hq720' |
-  // 1920x1080
-  'maxresdefault'
-
-const props = withDefaults(defineProps<{
-  placeholderAttrs?: ImgHTMLAttributes
-  rootAttrs?: HTMLAttributes
-  aboveTheFold?: boolean
-  trigger?: ElementScriptTrigger
-  videoId: string
-  playerVars?: YT.PlayerVars
-  width?: number
-  height?: number
-  /**
-   * Whether to use youtube-nocookie.com for embedding.
-   *
-   * @default false
-   */
-  cookies?: boolean
-  playerOptions?: YT.PlayerOptions
-  thumbnailSize?: YoutubeThumbnailSize
-  webp?: boolean
-}>(), {
-  cookies: false,
-  trigger: 'mousedown',
-  thumbnailSize: 'hq720',
-  webp: true,
-  // @ts-expect-error untyped
-  playerVars: { autoplay: 0, playsinline: 1 },
-  width: 640,
-  height: 360,
-})
-
-const emits = defineEmits<{
-  'ready': [e: YT.PlayerEvent]
-  'state-change': [e: YT.OnStateChangeEvent, target: YT.Player]
-  'playback-quality-change': [e: YT.OnPlaybackQualityChangeEvent, target: YT.Player]
-  'playback-rate-change': [e: YT.OnPlaybackRateChangeEvent, target: YT.Player]
-  'error': [e: YT.OnErrorEvent, target: YT.Player]
-}>()
-const events: (keyof YT.Events)[] = [
-  'onReady',
-  'onStateChange',
-  'onPlaybackQualityChange',
-  'onPlaybackRateChange',
-  'onError',
-  'onApiChange',
-]
-const rootEl = ref()
-const youtubeEl = ref()
-const ready = ref(false)
-const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl })
-const script = useScriptYouTubePlayer({
-  scriptOptions: {
-    trigger,
-  },
-})
-const { onLoaded, status } = script
-
-const player: Ref<YT.Player | undefined> = ref()
-let clickTriggered = false
-if (props.trigger === 'mousedown' && trigger instanceof Promise) {
-  trigger.then((triggered) => {
-    if (triggered) {
-      clickTriggered = true
-    }
-  })
-}
-onMounted(() => {
-  onLoaded(async (instance) => {
-    const YouTube = instance.YT instanceof Promise ? await instance.YT : instance.YT
-    await new Promise<void>((resolve) => {
-      if (typeof YT.Player === 'undefined')
-        YouTube.ready(resolve)
-      else
-        resolve()
-    })
-    player.value = new YT.Player(youtubeEl.value, {
-      host: !props.cookies ? 'https://www.youtube-nocookie.com' : 'https://www.youtube.com',
-      ...props,
-      ...props.playerOptions,
-      events: Object.fromEntries(events.map(event => [event, (e: any) => {
-        const emitEventName = event.replace(/([A-Z])/g, '-$1').replace('on-', '').toLowerCase()
-        // @ts-expect-error untyped
-        emits(emitEventName, e)
-        if (event === 'onReady') {
-          ready.value = true
-          if (clickTriggered) {
-            player.value?.playVideo()
-            clickTriggered = false
-          }
-          watch(() => props.videoId, () => {
-            player.value?.loadVideoById(props.videoId)
-          })
-        }
-      }])),
-    })
-  })
-  watch(status, (status) => {
-    if (status === 'error') {
-      // @ts-expect-error untyped
-      emits('error')
-    }
-  })
-})
-
-defineExpose({
-  player,
-})
-
-const rootAttrs = computed(() => {
-  return defu(props.rootAttrs, {
-    'aria-busy': status.value === 'loading',
-    'aria-label': status.value === 'awaitingLoad'
-      ? 'YouTube Player - Placeholder'
-      : status.value === 'loading'
-        ? 'YouTube Player - Loading'
-        : 'YouTube Player - Loaded',
-    'aria-live': 'polite',
-    'role': 'application',
-    'style': {
-      cursor: 'pointer',
-      position: 'relative',
-      backgroundColor: 'black',
-      width: '100%',
-      aspectRatio: `${props.width}/${props.height}`,
-    },
-    ...(trigger instanceof Promise ? trigger.ssrAttrs || {} : {}),
-  }) as HTMLAttributes
-})
-
-const fallbackPlaceHolder = computed(() => `https://i.ytimg.com/vi/${props.videoId}/hqdefault.jpg`)
-const placeholder = computed(() => `https://i.ytimg.com/${props.webp ? 'vi_webp' : 'vi'}/${props.videoId}/${props.thumbnailSize}.${props.webp ? 'webp' : 'jpg'}`)
-const isFallbackPlaceHolder = ref(false)
-
-if (import.meta.server) {
-  // dns-prefetch https://i.vimeocdn.com
-  useHead({
-    link: [
-      {
-        key: `nuxt-script-youtube-img`,
-        rel: props.aboveTheFold ? 'preconnect' : 'dns-prefetch',
-        href: 'https://i.ytimg.com',
-      },
-      props.aboveTheFold
-        // we can preload the placeholder image
-        ? {
-            key: `nuxt-script-youtube-img`,
-            rel: 'preload',
-            as: 'image',
-            href: placeholder.value,
-          }
-        : {},
-    ],
-  })
-}
-
-const placeholderAttrs = computed(() => {
-  return defu(props.placeholderAttrs, {
-    src: isFallbackPlaceHolder.value ? fallbackPlaceHolder.value : placeholder.value,
-    alt: '',
-    loading: props.aboveTheFold ? 'eager' : 'lazy',
-    style: {
-      width: '100%',
-      objectFit: 'contain',
-      height: '100%',
-    },
-    onLoad(payload) {
-      const img = payload.target as HTMLImageElement
-      if (img.naturalWidth === 120 && img.naturalHeight === 90) {
-        isFallbackPlaceHolder.value = true
-      }
-    },
-  } satisfies ImgHTMLAttributes)
-})
-</script>
-
-<template>
-  <div ref="rootEl" v-bind="rootAttrs">
-    <div ref="youtubeEl" style="width: 100%; height: 100%; position: absolute; top: 0; left: 0;" />
-    <slot v-if="!ready" :placeholder="placeholder" name="placeholder">
-      <img v-bind="placeholderAttrs">
-    </slot>
-    <slot v-if="status === 'loading'" name="loading">
-      <ScriptAriaLoadingIndicator />
-    </slot>
-    <slot v-if="status === 'awaitingLoad'" name="awaitingLoad" />
-    <slot v-else-if="status === 'error'" name="error" />
-    <slot />
-  </div>
-</template>
+<script setup lang="ts">
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-nocheck
+
+/// <reference types="youtube" />
+import { computed, onMounted, ref, watch } from 'vue'
+import type { HTMLAttributes, ImgHTMLAttributes, Ref } from 'vue'
+import { defu } from 'defu'
+import { useHead } from 'nuxt/app'
+import type { ElementScriptTrigger } from '../types'
+import { useScriptTriggerElement } from '../composables/useScriptTriggerElement'
+import { useScriptYouTubePlayer } from '../registry/youtube-player'
+import ScriptAriaLoadingIndicator from './ScriptAriaLoadingIndicator.vue'
+
+export type YoutubeThumbnailSize =
+// 120x90
+  '1' | '2' | '3' | 'default' |
+  // 320x180
+  'mq1' | 'mq2' | 'mq3' | 'mqdefault' |
+  // 480x360
+  '0' | 'hq1' | 'hq2' | 'hq3' | 'hqdefault' |
+  // 640x480
+  'sd1' | 'sd2' | 'sd3' | 'sddefault' |
+  // 1280x720
+  'hq720' |
+  // 1920x1080
+  'maxresdefault'
+
+const props = withDefaults(defineProps<{
+  placeholderAttrs?: ImgHTMLAttributes
+  rootAttrs?: HTMLAttributes
+  aboveTheFold?: boolean
+  trigger?: ElementScriptTrigger
+  videoId: string
+  playerVars?: YT.PlayerVars
+  width?: number
+  height?: number
+  /**
+   * Whether to use youtube-nocookie.com for embedding.
+   *
+   * @default false
+   */
+  cookies?: boolean
+  playerOptions?: YT.PlayerOptions
+  thumbnailSize?: YoutubeThumbnailSize
+  webp?: boolean
+}>(), {
+  cookies: false,
+  trigger: 'mousedown',
+  thumbnailSize: 'hq720',
+  webp: true,
+  // @ts-expect-error untyped
+  playerVars: { autoplay: 0, playsinline: 1 },
+  width: 640,
+  height: 360,
+})
+
+const emits = defineEmits<{
+  'ready': [e: YT.PlayerEvent]
+  'state-change': [e: YT.OnStateChangeEvent, target: YT.Player]
+  'playback-quality-change': [e: YT.OnPlaybackQualityChangeEvent, target: YT.Player]
+  'playback-rate-change': [e: YT.OnPlaybackRateChangeEvent, target: YT.Player]
+  'error': [e: YT.OnErrorEvent, target: YT.Player]
+}>()
+const events: (keyof YT.Events)[] = [
+  'onReady',
+  'onStateChange',
+  'onPlaybackQualityChange',
+  'onPlaybackRateChange',
+  'onError',
+  'onApiChange',
+]
+const rootEl = ref()
+const youtubeEl = ref()
+const ready = ref(false)
+const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl })
+const script = useScriptYouTubePlayer({
+  scriptOptions: {
+    trigger,
+  },
+})
+const { onLoaded, status } = script
+
+const player: Ref<YT.Player | undefined> = ref()
+let clickTriggered = false
+if (props.trigger === 'mousedown' && trigger instanceof Promise) {
+  trigger.then((triggered) => {
+    if (triggered) {
+      clickTriggered = true
+    }
+  })
+}
+onMounted(() => {
+  onLoaded(async (instance) => {
+    const YouTube = instance.YT instanceof Promise ? await instance.YT : instance.YT
+    await new Promise<void>((resolve) => {
+      if (typeof YT.Player === 'undefined')
+        YouTube.ready(resolve)
+      else
+        resolve()
+    })
+    player.value = new YT.Player(youtubeEl.value, {
+      host: !props.cookies ? 'https://www.youtube-nocookie.com' : 'https://www.youtube.com',
+      ...props,
+      ...props.playerOptions,
+      events: Object.fromEntries(events.map(event => [event, (e: any) => {
+        const emitEventName = event.replace(/([A-Z])/g, '-$1').replace('on-', '').toLowerCase()
+        // @ts-expect-error untyped
+        emits(emitEventName, e)
+        if (event === 'onReady') {
+          ready.value = true
+          if (clickTriggered) {
+            player.value?.playVideo()
+            clickTriggered = false
+          }
+          watch(() => props.videoId, () => {
+            player.value?.loadVideoById(props.videoId)
+          })
+        }
+      }])),
+    })
+  })
+  watch(status, (status) => {
+    if (status === 'error') {
+      // @ts-expect-error untyped
+      emits('error')
+    }
+  })
+})
+
+defineExpose({
+  player,
+})
+
+const rootAttrs = computed(() => {
+  return defu(props.rootAttrs, {
+    'aria-busy': status.value === 'loading',
+    'aria-label': status.value === 'awaitingLoad'
+      ? 'YouTube Player - Placeholder'
+      : status.value === 'loading'
+        ? 'YouTube Player - Loading'
+        : 'YouTube Player - Loaded',
+    'aria-live': 'polite',
+    'role': 'application',
+    'style': {
+      cursor: 'pointer',
+      position: 'relative',
+      backgroundColor: 'black',
+      width: '100%',
+      aspectRatio: `${props.width}/${props.height}`,
+    },
+    ...(trigger instanceof Promise ? trigger.ssrAttrs || {} : {}),
+  }) as HTMLAttributes
+})
+
+const fallbackPlaceHolder = computed(() => `https://i.ytimg.com/vi/${props.videoId}/hqdefault.jpg`)
+const placeholder = computed(() => `https://i.ytimg.com/${props.webp ? 'vi_webp' : 'vi'}/${props.videoId}/${props.thumbnailSize}.${props.webp ? 'webp' : 'jpg'}`)
+const isFallbackPlaceHolder = ref(false)
+
+if (import.meta.server) {
+  // dns-prefetch https://i.vimeocdn.com
+  useHead({
+    link: [
+      {
+        key: `nuxt-script-youtube-img`,
+        rel: props.aboveTheFold ? 'preconnect' : 'dns-prefetch',
+        href: 'https://i.ytimg.com',
+      },
+      props.aboveTheFold
+        // we can preload the placeholder image
+        ? {
+            key: `nuxt-script-youtube-img`,
+            rel: 'preload',
+            as: 'image',
+            href: placeholder.value,
+          }
+        : {},
+    ],
+  })
+}
+
+const placeholderAttrs = computed(() => {
+  return defu(props.placeholderAttrs, {
+    src: isFallbackPlaceHolder.value ? fallbackPlaceHolder.value : placeholder.value,
+    alt: '',
+    loading: props.aboveTheFold ? 'eager' : 'lazy',
+    style: {
+      width: '100%',
+      objectFit: 'contain',
+      height: '100%',
+    },
+    onLoad(payload) {
+      const img = payload.target as HTMLImageElement
+      if (img.naturalWidth === 120 && img.naturalHeight === 90) {
+        isFallbackPlaceHolder.value = true
+      }
+    },
+  } satisfies ImgHTMLAttributes)
+})
+</script>
+
+<template>
+  <div ref="rootEl" v-bind="rootAttrs">
+    <div ref="youtubeEl" style="width: 100%; height: 100%; position: absolute; top: 0; left: 0;" />
+    <slot v-if="!ready" :placeholder="placeholder" name="placeholder">
+      <img v-bind="placeholderAttrs">
+    </slot>
+    <slot v-if="status === 'loading'" name="loading">
+      <ScriptAriaLoadingIndicator />
+    </slot>
+    <slot v-if="status === 'awaitingLoad'" name="awaitingLoad" />
+    <slot v-else-if="status === 'error'" name="error" />
+    <slot />
+  </div>
+</template>

package/dist/runtime/composables/useScript.js

@@ -13,7 +13,10 @@ export function useScript(input, options) {
   options = defu(options, useNuxtScriptRuntimeConfig()?.defaultScriptOptions);
   const id = String(resolveScriptKey(input));
   const nuxtApp = useNuxtApp();
-  const head = options.head || injectHead();
+  options.head = options.head || injectHead();
+  if (!options.head) {
+    throw new Error("useScript() has been called without Nuxt context.");
+  }
   nuxtApp.$scripts = nuxtApp.$scripts || reactive({});
   const exists = !!nuxtApp.$scripts?.[id];
   if (options.trigger === "onNuxtReady" || options.trigger === "client") {
@@ -47,7 +50,7 @@ export function useScript(input, options) {
     };
     nuxtApp._scripts = nuxtApp._scripts || {};
     if (!nuxtApp._scripts[instance.id]) {
-      head.hooks.hook("script:updated", (ctx) => {
+      options.head.hooks.hook("script:updated", (ctx) => {
         if (ctx.script.id !== instance.id)
           return;
         payload.events.push({
@@ -58,7 +61,7 @@ export function useScript(input, options) {
         payload.$script = instance;
         syncScripts();
       });
-      head.hooks.hook("script:instance-fn", (ctx) => {
+      options.head.hooks.hook("script:instance-fn", (ctx) => {
         if (ctx.script.id !== instance.id || String(ctx.fn).startsWith("__v_"))
           return;
         payload.events.push({

package/dist/runtime/composables/useScriptEventPage.js

@@ -1,5 +1,4 @@
-import { injectHead } from "@unhead/vue";
-import { useNuxtApp, useRoute } from "nuxt/app";
+import { useNuxtApp, useRoute, injectHead } from "nuxt/app";
 import { ref } from "vue";
 export function useScriptEventPage(onChange) {
   const nuxt = useNuxtApp();

package/dist/runtime/registry/clarity.d.ts

@@ -26,7 +26,7 @@ export declare const ClarityOptions: import("valibot").ObjectSchema<{
     /**
      * The Clarity token.
      */
-    readonly id: import("valibot").SchemaWithPipe<[import("valibot").StringSchema<undefined>, import("valibot").MinLengthAction<string, 10, undefined>]>;
+    readonly id: import("valibot").SchemaWithPipe<readonly [import("valibot").StringSchema<undefined>, import("valibot").MinLengthAction<string, 10, undefined>]>;
 }, undefined>;
 export type ClarityInput = RegistryScriptInput<typeof ClarityOptions>;
 export declare function useScriptClarity<T extends ClarityApi>(_options?: ClarityInput): import("#nuxt-scripts/types").UseScriptContext<T>;

package/dist/runtime/registry/cloudflare-web-analytics.d.ts

@@ -20,7 +20,7 @@ export declare const CloudflareWebAnalyticsOptions: import("valibot").ObjectSche
     /**
      * The Cloudflare Web Analytics token.
      */
-    readonly token: import("valibot").SchemaWithPipe<[import("valibot").StringSchema<undefined>, import("valibot").MinLengthAction<string, 32, undefined>]>;
+    readonly token: import("valibot").SchemaWithPipe<readonly [import("valibot").StringSchema<undefined>, import("valibot").MinLengthAction<string, 32, undefined>]>;
     /**
      * Cloudflare Web Analytics enables measuring SPAs automatically by overriding the History API’s pushState function
      * and listening to the onpopstate. Hash-based router is not supported.

package/dist/runtime/registry/google-adsense.js

@@ -1,4 +1,4 @@
-import { useHead } from "@unhead/vue";
+import { useHead } from "nuxt/app";
 import { useRegistryScript } from "../utils.js";
 import { object, string, optional, boolean } from "#nuxt-scripts-validator";
 export const GoogleAdsenseOptions = object({

package/dist/runtime/registry/google-analytics.d.ts

@@ -1,21 +1,65 @@
 import type { RegistryScriptInput } from '#nuxt-scripts/types';
-type ConsentOptions = 'default' | 'update';
+export type GtagCustomParams = Record<string, any>;
+export type ConsentStatus = 'granted' | 'denied';
+export interface ConsentOptions {
+    ad_user_data?: ConsentStatus;
+    ad_personalization?: ConsentStatus;
+    ad_storage?: ConsentStatus;
+    analytics_storage?: ConsentStatus;
+    functionality_storage?: ConsentStatus;
+    personalization_storage?: ConsentStatus;
+    security_storage?: ConsentStatus;
+    wait_for_update?: number;
+    region?: string[];
+}
+export interface ConfigParams extends GtagCustomParams {
+    send_page_view?: boolean;
+    transport_url?: string;
+    cookie_domain?: string;
+    cookie_prefix?: string;
+    cookie_expires?: number;
+    cookie_update?: boolean;
+    cookie_flags?: string;
+    user_id?: string;
+}
+export interface EventParameters extends GtagCustomParams {
+    value?: number;
+    currency?: string;
+    transaction_id?: string;
+    items?: Array<{
+        item_id?: string;
+        item_name?: string;
+        item_category?: string;
+        item_variant?: string;
+        price?: number;
+        quantity?: number;
+        [key: string]: any;
+    }>;
+    [key: string]: any;
+}
+export type DefaultEventName = 'add_payment_info' | 'add_shipping_info' | 'add_to_cart' | 'add_to_wishlist' | 'begin_checkout' | 'purchase' | 'refund' | 'remove_from_cart' | 'select_item' | 'select_promotion' | 'view_cart' | 'view_item' | 'view_item_list' | 'view_promotion' | 'login' | 'sign_up' | 'search' | 'page_view' | 'screen_view' | string;
 export interface GTag {
-    (fn: 'js', opt: Date): void;
-    (fn: 'config' | 'get', opt: string): void;
-    (fn: 'event', opt: string, opt2?: Record<string, any>): void;
-    (fn: 'set', opt: Record<string, string>): void;
-    (fn: 'consent', opt: ConsentOptions, opt2: Record<string, string | number>): void;
+    (command: 'js', value: Date): void;
+    (command: 'config', targetId: string, configParams?: ConfigParams): void;
+    (command: 'get', targetId: string, fieldName: string, callback?: (field: any) => void): void;
+    (command: 'event', eventName: DefaultEventName, eventParams?: EventParameters): void;
+    (command: 'set', params: GtagCustomParams): void;
+    (command: 'consent', consentArg: 'default' | 'update', consentParams: ConsentOptions): void;
+}
+export interface DataLayerObject {
+    event?: string;
+    [key: string]: any;
+}
+export type DataLayer = Array<DataLayerObject>;
+export interface GoogleAnalyticsApi {
+    gtag: GTag;
+    dataLayer: DataLayer;
 }
-type DataLayer = Array<Parameters<GTag> | Record<string, unknown>>;
 export declare const GoogleAnalyticsOptions: import("valibot").ObjectSchema<{
     readonly id: import("valibot").StringSchema<undefined>;
     readonly l: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
 }, undefined>;
 export type GoogleAnalyticsInput = RegistryScriptInput<typeof GoogleAnalyticsOptions>;
-export interface GoogleAnalyticsApi {
-    gtag: GTag;
-    dataLayer: DataLayer;
-}
-export declare function useScriptGoogleAnalytics<T extends GoogleAnalyticsApi>(_options?: GoogleAnalyticsInput): import("#nuxt-scripts/types").UseScriptContext<T>;
-export {};
+export declare function useScriptGoogleAnalytics<T extends GoogleAnalyticsApi>(_options?: GoogleAnalyticsInput & {
+    onBeforeGtagStart?: (gtag: GTag) => void;
+}): import("#nuxt-scripts/types").UseScriptContext<T>;

package/dist/runtime/registry/google-analytics.js

@@ -3,36 +3,38 @@ import { useRegistryScript } from "#nuxt-scripts/utils";
 import { object, string, optional } from "#nuxt-scripts-validator";
 export const GoogleAnalyticsOptions = object({
   id: string(),
+  // The GA4 measurement ID (format: G-XXXXXXXX)
   l: optional(string())
+  // Optional global name for dataLayer (defaults to 'dataLayer')
 });
 export function useScriptGoogleAnalytics(_options) {
-  return useRegistryScript(_options?.key || "googleAnalytics", (options) => ({
-    scriptInput: {
-      src: withQuery("https://www.googletagmanager.com/gtag/js", { id: options?.id, l: options?.l })
-    },
-    schema: import.meta.dev ? GoogleAnalyticsOptions : void 0,
-    scriptOptions: {
-      use: () => {
-        const gtag = function(...args) {
-          window["gtag-" + (options.l ?? "dataLayer")](...args);
-        };
-        return {
-          dataLayer: window[options.l ?? "dataLayer"],
-          gtag
-        };
+  return useRegistryScript(_options?.key || "googleAnalytics", (options) => {
+    const dataLayerName = options?.l ?? "dataLayer";
+    const w = import.meta.client ? window : {};
+    return {
+      scriptInput: {
+        src: withQuery("https://www.googletagmanager.com/gtag/js", { id: options?.id, l: options?.l })
       },
-      performanceMarkFeature: "nuxt-third-parties-ga",
-      tagPriority: 1
-    },
-    clientInit: import.meta.server ? void 0 : () => {
-      const dataLayerName = options?.l ?? "dataLayer";
-      const dataLayer = window[dataLayerName] || [];
-      window[dataLayerName] = dataLayer;
-      window["gtag-" + dataLayerName] = function() {
-        window[dataLayerName].push(arguments);
-      };
-      window["gtag-" + dataLayerName]("js", /* @__PURE__ */ new Date());
-      window["gtag-" + dataLayerName]("config", options?.id);
-    }
-  }), _options);
+      schema: import.meta.dev ? GoogleAnalyticsOptions : void 0,
+      scriptOptions: {
+        use: () => {
+          return {
+            dataLayer: w[dataLayerName],
+            gtag: w.gtag
+          };
+        },
+        performanceMarkFeature: "nuxt-third-parties-ga",
+        tagPriority: 1
+      },
+      clientInit: import.meta.server ? void 0 : () => {
+        w[dataLayerName] = w[dataLayerName] || [];
+        w.gtag = function() {
+          w[dataLayerName].push(arguments);
+        };
+        _options?.onBeforeGtagStart?.(w.gtag);
+        w.gtag("js", /* @__PURE__ */ new Date());
+        w.gtag("config", options?.id);
+      }
+    };
+  }, _options);
 }

package/dist/runtime/registry/google-maps.d.ts

@@ -4,7 +4,7 @@ export declare const GoogleMapsOptions: import("valibot").ObjectSchema<{
     readonly libraries: import("valibot").OptionalSchema<import("valibot").ArraySchema<import("valibot").StringSchema<undefined>, undefined>, undefined>;
     readonly language: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
     readonly region: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    readonly v: import("valibot").OptionalSchema<import("valibot").UnionSchema<[import("valibot").LiteralSchema<"weekly", undefined>, import("valibot").LiteralSchema<"beta", undefined>, import("valibot").LiteralSchema<"alpha", undefined>], undefined>, undefined>;
+    readonly v: import("valibot").OptionalSchema<import("valibot").UnionSchema<[import("valibot").LiteralSchema<"weekly", undefined>, import("valibot").LiteralSchema<"quarterly", undefined>, import("valibot").LiteralSchema<"beta", undefined>, import("valibot").LiteralSchema<"alpha", undefined>, import("valibot").StringSchema<undefined>], undefined>, undefined>;
 }, undefined>;
 export type GoogleMapsInput = RegistryScriptInput<typeof GoogleMapsOptions>;
 type MapsNamespace = typeof window.google.maps;