@nuxt/scripts 0.6.3 → 0.6.5

package/dist/runtime/components/ScriptYouTubePlayer.vue

@@ -1,170 +1,171 @@
-<script setup lang="ts">
-/// <reference types="youtube" />
-import { computed, onMounted, ref, watch } from 'vue'
-import type { HTMLAttributes, ImgHTMLAttributes, Ref } from 'vue'
-import { defu } from 'defu'
-import type { ElementScriptTrigger } from '../types'
-import { useScriptTriggerElement } from '../composables/useScriptTriggerElement'
-import { useScriptYouTubePlayer } from '../registry/youtube-player'
-import { useHead } from '#imports'
-
-const props = withDefaults(defineProps<{
-  placeholderAttrs?: ImgHTMLAttributes
-  rootAttrs?: HTMLAttributes
-  aboveTheFold?: boolean
-  trigger?: ElementScriptTrigger
-  videoId: string
-  playerVars?: YT.PlayerVars
-  width?: number
-  height?: number
-}>(), {
-  trigger: 'mousedown',
-  // @ts-expect-error untyped
-  playerVars: { autoplay: 0, playsinline: 1 },
-  width: 640,
-  height: 480,
-})
-
-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 player: Ref<YT.Player | undefined> = ref()
-let clickTriggered = false
-if (props.trigger === 'mousedown') {
-  trigger.then(() => {
-    clickTriggered = true
-  })
-}
-onMounted(() => {
-  $script.then(async (instance) => {
-    const YouTube: typeof YT & { ready: (fn: () => void) => void } = await instance.YT
-    await new Promise<void>((resolve) => {
-      if (typeof YT.Player === 'undefined')
-        YouTube.ready(resolve)
-      else
-        resolve()
-    })
-    player.value = new YT.Player(youtubeEl.value, {
-      ...props,
-      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($script.status, (status) => {
-    if (status === 'error') {
-      // @ts-expect-error untyped
-      emits('error')
-    }
-  })
-})
-
-defineExpose({
-  player,
-})
-
-const rootAttrs = computed(() => {
-  return defu(props.rootAttrs, {
-    'aria-busy': $script.status.value === 'loading',
-    'aria-label': $script.status.value === 'awaitingLoad'
-      ? 'YouTube Player - Placeholder'
-      : $script.status.value === 'loading'
-        ? 'YouTube Player - Loading'
-        : 'YouTube Player - Loaded',
-    'aria-live': 'polite',
-    'role': 'application',
-    'style': {
-      cursor: 'pointer',
-      position: 'relative',
-      backgroundColor: 'black',
-      maxWidth: '100%',
-      width: `${props.width}px`,
-      height: `'auto'`,
-      aspectRatio: `${props.width}/${props.height}`,
-    },
-  }) as HTMLAttributes
-})
-
-const placeholder = computed(() => `https://i.ytimg.com/vi_webp/${props.videoId}/sddefault.webp`)
-
-if (import.meta.server) {
-  // dns-prefetch https://i.vimeocdn.com
-  useHead({
-    link: [
-      {
-        rel: props.aboveTheFold ? 'preconnect' : 'dns-prefetch',
-        href: 'https://i.ytimg.com',
-      },
-      props.aboveTheFold
-        // we can preload the placeholder image
-        ? {
-            rel: 'preload',
-            as: 'image',
-            href: placeholder.value,
-          }
-        : {},
-    ],
-  })
-}
-
-const placeholderAttrs = computed(() => {
-  return defu(props.placeholderAttrs, {
-    src: placeholder.value,
-    alt: '',
-    loading: props.aboveTheFold ? 'eager' : 'lazy',
-    style: {
-      width: '100%',
-      objectFit: 'contain',
-      height: '100%',
-    },
-  } 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="$script.status.value === 'loading'" name="loading">
-      <ScriptLoadingIndicator />
-    </slot>
-    <slot v-if="$script.status.value === 'awaitingLoad'" name="awaitingLoad" />
-    <slot v-else-if="$script.status.value === 'error'" name="error" />
-  </div>
-</template>
+<script setup lang="ts">
+/// <reference types="youtube" />
+import { computed, onMounted, ref, watch } from 'vue'
+import type { HTMLAttributes, ImgHTMLAttributes, Ref } from 'vue'
+import { defu } from 'defu'
+import type { ElementScriptTrigger } from '../types'
+import { useScriptTriggerElement } from '../composables/useScriptTriggerElement'
+import { useScriptYouTubePlayer } from '../registry/youtube-player'
+import { useHead } from '#imports'
+
+const props = withDefaults(defineProps<{
+  placeholderAttrs?: ImgHTMLAttributes
+  rootAttrs?: HTMLAttributes
+  aboveTheFold?: boolean
+  trigger?: ElementScriptTrigger
+  videoId: string
+  playerVars?: YT.PlayerVars
+  width?: number
+  height?: number
+}>(), {
+  trigger: 'mousedown',
+  // @ts-expect-error untyped
+  playerVars: { autoplay: 0, playsinline: 1 },
+  width: 640,
+  height: 480,
+})
+
+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 player: Ref<YT.Player | undefined> = ref()
+let clickTriggered = false
+if (props.trigger === 'mousedown') {
+  trigger.then(() => {
+    clickTriggered = true
+  })
+}
+onMounted(() => {
+  $script.then(async (instance) => {
+    const YouTube: typeof YT & { ready: (fn: () => void) => void } = await instance.YT
+    await new Promise<void>((resolve) => {
+      if (typeof YT.Player === 'undefined')
+        YouTube.ready(resolve)
+      else
+        resolve()
+    })
+    player.value = new YT.Player(youtubeEl.value, {
+      ...props,
+      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($script.status, (status) => {
+    if (status === 'error') {
+      // @ts-expect-error untyped
+      emits('error')
+    }
+  })
+})
+
+defineExpose({
+  player,
+})
+
+const rootAttrs = computed(() => {
+  return defu(props.rootAttrs, {
+    'aria-busy': $script.status.value === 'loading',
+    'aria-label': $script.status.value === 'awaitingLoad'
+      ? 'YouTube Player - Placeholder'
+      : $script.status.value === 'loading'
+        ? 'YouTube Player - Loading'
+        : 'YouTube Player - Loaded',
+    'aria-live': 'polite',
+    'role': 'application',
+    'style': {
+      cursor: 'pointer',
+      position: 'relative',
+      backgroundColor: 'black',
+      maxWidth: '100%',
+      width: `${props.width}px`,
+      height: `'auto'`,
+      aspectRatio: `${props.width}/${props.height}`,
+    },
+  }) as HTMLAttributes
+})
+
+const placeholder = computed(() => `https://i.ytimg.com/vi_webp/${props.videoId}/sddefault.webp`)
+
+if (import.meta.server) {
+  // dns-prefetch https://i.vimeocdn.com
+  useHead({
+    link: [
+      {
+        rel: props.aboveTheFold ? 'preconnect' : 'dns-prefetch',
+        href: 'https://i.ytimg.com',
+      },
+      props.aboveTheFold
+        // we can preload the placeholder image
+        ? {
+            rel: 'preload',
+            as: 'image',
+            href: placeholder.value,
+          }
+        : {},
+    ],
+  })
+}
+
+const placeholderAttrs = computed(() => {
+  return defu(props.placeholderAttrs, {
+    src: placeholder.value,
+    alt: '',
+    loading: props.aboveTheFold ? 'eager' : 'lazy',
+    style: {
+      width: '100%',
+      objectFit: 'contain',
+      height: '100%',
+    },
+  } 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="$script.status.value === 'loading'" name="loading">
+      <ScriptLoadingIndicator />
+    </slot>
+    <slot v-if="$script.status.value === 'awaitingLoad'" name="awaitingLoad" />
+    <slot v-else-if="$script.status.value === 'error'" name="error" />
+    <slot />
+  </div>
+</template>

package/dist/runtime/composables/useScript.js

@@ -20,7 +20,7 @@ export function useScript(input, options) {
     if (!nuxtApp._scripts?.[id]) {
       performance?.mark?.("mark_feature_usage", {
         detail: {
-          feature: `nuxt-scripts:${id}`
+          feature: options.performanceMarkFeature ?? `nuxt-scripts:${id}`
         }
       });
     }
@@ -33,7 +33,7 @@ export function useScript(input, options) {
       nuxtApp.hooks.callHook("scripts:updated", { scripts: nuxtApp._scripts });
     };
     const payload = {
-      key: input.key || input.src,
+      ...options.devtools,
       src: input.src,
       $script: null,
       events: []
@@ -53,7 +53,7 @@ export function useScript(input, options) {
         syncScripts();
       });
       head.hooks.hook("script:instance-fn", (ctx) => {
-        if (ctx.script.id !== instance.$script.id)
+        if (ctx.script.id !== instance.$script.id || String(ctx.fn).startsWith("__v_"))
           return;
         payload.events.push({
           type: "fn-call",

package/dist/runtime/composables/useScriptEventPage.d.ts

@@ -1,5 +1,5 @@
 import type { TrackedPage } from '#nuxt-scripts';
-export declare function useScriptEventPage(onChange?: (payload: TrackedPage) => void): import("vue").Ref<{
+export declare function useScriptEventPage(onChange?: (payload: TrackedPage) => void): import("#imports").Ref<{
     title?: string;
     path: string;
 }>;

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

@@ -31,7 +31,7 @@ export declare const CrispOptions: import("valibot").ObjectSchema<{
      */
     readonly cookieExpiry: import("valibot").OptionalSchema<import("valibot").NumberSchema<undefined>, never>;
 }, undefined>;
-export type CrispInput = RegistryScriptInput<typeof CrispOptions, false>;
+export type CrispInput = RegistryScriptInput<typeof CrispOptions, false, false, false>;
 export interface CrispApi {
     push: (...args: any[]) => void;
     is: (name: 'chat:opened' | 'chat:closed' | 'chat:visible' | 'chat:hidden' | 'chat:small' | 'chat:large' | 'session:ongoing' | 'website:available' | 'overlay:opened' | 'overlay:closed' | string) => boolean;

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

@@ -21,7 +21,7 @@ export declare const FathomAnalyticsOptions: import("valibot").ObjectSchema<{
      */
     readonly honorDnt: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, never>;
 }, undefined>;
-export type FathomAnalyticsInput = RegistryScriptInput<typeof FathomAnalyticsOptions, false>;
+export type FathomAnalyticsInput = RegistryScriptInput<typeof FathomAnalyticsOptions, false, false, false>;
 export interface FathomAnalyticsApi {
     beacon: (ctx: {
         url: string;

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

@@ -5,7 +5,7 @@ export declare const GoogleAdsenseOptions: import("valibot").ObjectSchema<{
      */
     readonly client: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, never>;
 }, undefined>;
-export type GoogleAdsenseInput = RegistryScriptInput<typeof GoogleAdsenseOptions>;
+export type GoogleAdsenseInput = RegistryScriptInput<typeof GoogleAdsenseOptions, true, false, false>;
 export interface GoogleAdsenseApi {
     /**
      * The Google Adsense API.

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

@@ -0,0 +1,19 @@
+import type { DataLayer, GTag } from 'third-party-capital';
+import type { RegistryScriptInput } from '#nuxt-scripts';
+export declare const GoogleAnalyticsOptions: import("valibot").ObjectSchema<{
+    readonly id: import("valibot").StringSchema<undefined>;
+    readonly l: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, never>;
+}, undefined>;
+export type GoogleAnalyticsInput = RegistryScriptInput<typeof GoogleAnalyticsOptions>;
+export declare function useScriptGoogleAnalytics(_options?: GoogleAnalyticsInput): {
+    dataLayer: DataLayer;
+    gtag: GTag;
+} & {
+    $script: Promise<{
+        dataLayer: DataLayer;
+        gtag: GTag;
+    }> & import("@unhead/vue").VueScriptInstance<{
+        dataLayer: DataLayer;
+        gtag: GTag;
+    }>;
+};

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

@@ -0,0 +1,40 @@
+import { withQuery } from "ufo";
+import { useRegistryScript } from "#nuxt-scripts-utils";
+import { object, string, optional } from "#nuxt-scripts-validator";
+export const GoogleAnalyticsOptions = object({
+  id: string(),
+  l: optional(string())
+});
+function use(options) {
+  const gtag = function(...args) {
+    window[options.l ?? "dataLayer"].push(args);
+  };
+  return {
+    dataLayer: window[options.l ?? "dataLayer"],
+    gtag
+  };
+}
+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: () => use(options),
+      stub: import.meta.client ? void 0 : ({ fn }) => {
+        return fn === "dataLayer" ? [] : void 0;
+      },
+      performanceMarkFeature: "nuxt-third-parties-ga",
+      ...{ tagPriority: 1 }
+    },
+    // eslint-disable-next-line
+    // @ts-ignore
+    // eslint-disable-next-line
+    clientInit: import.meta.server ? void 0 : () => {
+      window[options?.l ?? "dataLayer"] = window[options?.l ?? "dataLayer"] || [];
+      window[options?.l ?? "dataLayer"].push({ "js": /* @__PURE__ */ new Date() });
+      window[options?.l ?? "dataLayer"].push({ "config": options?.id });
+    }
+  }), _options);
+}

package/dist/runtime/registry/google-tag-manager.d.ts

@@ -0,0 +1,23 @@
+import type { GoogleTagManagerApi, DataLayer } from 'third-party-capital';
+import type { RegistryScriptInput } from '#nuxt-scripts';
+declare global {
+    interface Window extends GoogleTagManagerApi {
+    }
+}
+export declare const GoogleTagManagerOptions: import("valibot").ObjectSchema<{
+    readonly id: import("valibot").StringSchema<undefined>;
+    readonly l: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, never>;
+}, undefined>;
+export type GoogleTagManagerInput = RegistryScriptInput<typeof GoogleTagManagerOptions>;
+export declare function useScriptGoogleTagManager(_options?: GoogleTagManagerInput): {
+    dataLayer: DataLayer;
+    google_tag_manager: import("third-party-capital").GoogleTagManagerInstance;
+} & {
+    $script: Promise<{
+        dataLayer: DataLayer;
+        google_tag_manager: import("third-party-capital").GoogleTagManagerInstance;
+    }> & import("@unhead/vue").VueScriptInstance<{
+        dataLayer: DataLayer;
+        google_tag_manager: import("third-party-capital").GoogleTagManagerInstance;
+    }>;
+};

package/dist/runtime/registry/google-tag-manager.js

@@ -0,0 +1,33 @@
+import { withQuery } from "ufo";
+import { useRegistryScript } from "#nuxt-scripts-utils";
+import { object, string, optional } from "#nuxt-scripts-validator";
+export const GoogleTagManagerOptions = object({
+  id: string(),
+  l: optional(string())
+});
+function use(options) {
+  return { dataLayer: window[options.l ?? "dataLayer"], google_tag_manager: window.google_tag_manager };
+}
+export function useScriptGoogleTagManager(_options) {
+  return useRegistryScript(_options?.key || "googleTagManager", (options) => ({
+    scriptInput: {
+      src: withQuery("https://www.googletagmanager.com/gtm.js", { id: options?.id, l: options?.l })
+    },
+    schema: import.meta.dev ? GoogleTagManagerOptions : void 0,
+    scriptOptions: {
+      use: () => use(options),
+      stub: import.meta.client ? void 0 : ({ fn }) => {
+        return fn === "dataLayer" ? [] : void 0;
+      },
+      performanceMarkFeature: "nuxt-third-parties-gtm",
+      ...{ tagPriority: 1 }
+    },
+    // eslint-disable-next-line
+    // @ts-ignore
+    // eslint-disable-next-line
+    clientInit: import.meta.server ? void 0 : () => {
+      window[options?.l ?? "dataLayer"] = window[options?.l ?? "dataLayer"] || [];
+      window[options?.l ?? "dataLayer"].push({ "gtm.start": (/* @__PURE__ */ new Date()).getTime(), event: "gtm.js" });
+    }
+  }), _options);
+}

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

@@ -16,7 +16,7 @@ export declare const HotjarOptions: import("valibot").ObjectSchema<{
     readonly id: import("valibot").NumberSchema<undefined>;
     readonly sv: import("valibot").OptionalSchema<import("valibot").NumberSchema<undefined>, never>;
 }, undefined>;
-export type HotjarInput = RegistryScriptInput<typeof HotjarOptions>;
+export type HotjarInput = RegistryScriptInput<typeof HotjarOptions, true, false, false>;
 export declare function useScriptHotjar<T extends HotjarApi>(_options?: HotjarInput): T & {
     $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
 };

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

@@ -10,7 +10,7 @@ export declare const IntercomOptions: import("valibot").ObjectSchema<{
     readonly horizontal_padding: import("valibot").OptionalSchema<import("valibot").NumberSchema<undefined>, never>;
     readonly vertical_padding: import("valibot").OptionalSchema<import("valibot").NumberSchema<undefined>, never>;
 }, undefined>;
-export type IntercomInput = RegistryScriptInput<typeof IntercomOptions>;
+export type IntercomInput = RegistryScriptInput<typeof IntercomOptions, true, false, false>;
 export interface IntercomApi {
     Intercom: ((event: 'boot', data?: InferInput<typeof IntercomOptions>) => void) & ((event: 'shutdown') => void) & ((event: 'update', options?: InferInput<typeof IntercomOptions>) => void) & ((event: 'hide') => void) & ((event: 'show') => void) & ((event: 'showSpace', spaceName: 'home' | 'messages' | 'help' | 'news' | 'tasks' | 'tickets' | string) => void) & ((event: 'showMessages') => void) & ((event: 'showNewMessage', content?: string) => void) & ((event: 'onHide', fn: () => void) => void) & ((event: 'onShow', fn: () => void) => void) & ((event: 'onUnreadCountChange', fn: () => void) => void) & ((event: 'trackEvent', eventName: string, metadata?: Record<string, any>) => void) & ((event: 'getVisitorId') => Promise<string>) & ((event: 'startTour', tourId: string | number) => void) & ((event: 'showArticle', articleId: string | number) => void) & ((event: 'showNews', newsItemId: string | number) => void) & ((event: 'startSurvey', surveyId: string | number) => void) & ((event: 'startChecklist', checklistId: string | number) => void) & ((event: 'showTicket', ticketId: string | number) => void) & ((event: 'showConversation', conversationId: string | number) => void) & ((event: 'onUserEmailSupplied', fn: () => void) => void) & ((event: string, ...params: any[]) => void);
 }

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

@@ -5,7 +5,7 @@ export declare const MatomoAnalyticsOptions: import("valibot").ObjectSchema<{
     readonly trackPageView: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, never>;
     readonly enableLinkTracking: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, never>;
 }, undefined>;
-export type MatomoAnalyticsInput = RegistryScriptInput<typeof MatomoAnalyticsOptions, false>;
+export type MatomoAnalyticsInput = RegistryScriptInput<typeof MatomoAnalyticsOptions, false, false, false>;
 interface MatomoAnalyticsApi {
     _paq: unknown[];
 }

package/dist/runtime/registry/meta-pixel.d.ts

@@ -35,7 +35,7 @@ declare global {
 export declare const MetaPixelOptions: import("valibot").ObjectSchema<{
     readonly id: import("valibot").UnionSchema<[import("valibot").StringSchema<undefined>, import("valibot").NumberSchema<undefined>], undefined>;
 }, undefined>;
-export type MetaPixelInput = RegistryScriptInput<typeof MetaPixelOptions>;
+export type MetaPixelInput = RegistryScriptInput<typeof MetaPixelOptions, true, false, false>;
 export declare function useScriptMetaPixel<T extends MetaPixelApi>(_options?: MetaPixelInput): T & {
     $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
 };

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

@@ -5,7 +5,7 @@ export declare const NpmOptions: import("valibot").ObjectSchema<{
     readonly version: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, never>;
     readonly type: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, never>;
 }, undefined>;
-export type NpmInput = RegistryScriptInput<typeof NpmOptions>;
+export type NpmInput = RegistryScriptInput<typeof NpmOptions, true, true, false>;
 export declare function useScriptNpm<T extends Record<string | symbol, any>>(_options: NpmInput): T & {
     $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
 };

package/dist/runtime/registry/x-pixel.d.ts

@@ -31,7 +31,7 @@ export declare const XPixelOptions: import("valibot").ObjectSchema<{
     readonly id: import("valibot").StringSchema<undefined>;
     readonly version: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, never>;
 }, undefined>;
-export type XPixelInput = RegistryScriptInput<typeof XPixelOptions>;
+export type XPixelInput = RegistryScriptInput<typeof XPixelOptions, true, false, false>;
 export declare function useScriptXPixel<T extends XPixelApi>(_options?: XPixelInput): T & {
     $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
 };