@nuxt/scripts 0.6.5 → 0.7.0

package/dist/runtime/components/ScriptYouTubePlayer.vue

@@ -44,7 +44,7 @@ const rootEl = ref()
 const youtubeEl = ref()
 const ready = ref(false)
 const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl })
-const { $script } = useScriptYouTubePlayer({
+const { onLoaded, status } = useScriptYouTubePlayer({
   scriptOptions: {
     trigger,
   },
@@ -58,7 +58,7 @@ if (props.trigger === 'mousedown') {
   })
 }
 onMounted(() => {
-  $script.then(async (instance) => {
+  onLoaded(async (instance) => {
     const YouTube: typeof YT & { ready: (fn: () => void) => void } = await instance.YT
     await new Promise<void>((resolve) => {
       if (typeof YT.Player === 'undefined')
@@ -85,7 +85,7 @@ onMounted(() => {
       }])),
     })
   })
-  watch($script.status, (status) => {
+  watch(status, (status) => {
     if (status === 'error') {
       // @ts-expect-error untyped
       emits('error')
@@ -99,10 +99,10 @@ defineExpose({
 
 const rootAttrs = computed(() => {
   return defu(props.rootAttrs, {
-    'aria-busy': $script.status.value === 'loading',
-    'aria-label': $script.status.value === 'awaitingLoad'
+    'aria-busy': status.value === 'loading',
+    'aria-label': status.value === 'awaitingLoad'
       ? 'YouTube Player - Placeholder'
-      : $script.status.value === 'loading'
+      : status.value === 'loading'
         ? 'YouTube Player - Loading'
         : 'YouTube Player - Loaded',
     'aria-live': 'polite',
@@ -161,11 +161,11 @@ const placeholderAttrs = computed(() => {
     <slot v-if="!ready" :placeholder="placeholder" name="placeholder">
       <img v-bind="placeholderAttrs">
     </slot>
-    <slot v-if="$script.status.value === 'loading'" name="loading">
+    <slot v-if="status === '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 v-if="status === 'awaitingLoad'" name="awaitingLoad" />
+    <slot v-else-if="status === 'error'" name="error" />
     <slot />
   </div>
 </template>

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

@@ -1,5 +1,10 @@
 import type { UseScriptInput, VueScriptInstance } from '@unhead/vue';
+import type { UseFunctionType, AsAsyncFunctionValues } from '@unhead/schema';
 import type { NuxtUseScriptOptions } from '#nuxt-scripts';
-export declare function useScript<T extends Record<string | symbol, any>>(input: UseScriptInput, options?: NuxtUseScriptOptions): T & {
+export type UseScriptContext<T extends Record<symbol | string, any>> = (Promise<T> & VueScriptInstance<T>) & AsAsyncFunctionValues<T> & {
+    /**
+     * @deprecated Use top-level functions instead.
+     */
     $script: Promise<T> & VueScriptInstance<T>;
 };
+export declare function useScript<T extends Record<symbol | string, any> = Record<symbol | string, any>, U = Record<symbol | string, any>>(input: UseScriptInput, options?: NuxtUseScriptOptions<T, U>): UseScriptContext<UseFunctionType<NuxtUseScriptOptions<T, U>, T>>;

package/dist/runtime/composables/useScript.js

@@ -1,4 +1,4 @@
-import { hashCode } from "@unhead/shared";
+import { resolveScriptKey } from "unhead";
 import { defu } from "defu";
 import { useScript as _useScript } from "@unhead/vue";
 import { injectHead, onNuxtReady, useNuxtApp, useRuntimeConfig, reactive } from "#imports";
@@ -11,7 +11,7 @@ export function useScript(input, options) {
   if (options.trigger === "onNuxtReady")
     options.trigger = onNuxtReady;
   const nuxtApp = useNuxtApp();
-  const id = input.key || input.src || hashCode(typeof input.innerHTML === "string" ? input.innerHTML : "");
+  const id = resolveScriptKey(input);
   nuxtApp.$scripts = nuxtApp.$scripts || reactive({});
   if (nuxtApp.$scripts[id]) {
     return nuxtApp.$scripts[id];
@@ -29,7 +29,7 @@ export function useScript(input, options) {
   nuxtApp.$scripts[id] = instance;
   if (import.meta.dev && import.meta.client) {
     let syncScripts = function() {
-      nuxtApp._scripts[instance.$script.id] = payload;
+      nuxtApp._scripts[instance.id] = payload;
       nuxtApp.hooks.callHook("scripts:updated", { scripts: nuxtApp._scripts });
     };
     const payload = {
@@ -39,21 +39,21 @@ export function useScript(input, options) {
       events: []
     };
     nuxtApp._scripts = nuxtApp._scripts || {};
-    if (!nuxtApp._scripts[instance.$script.id]) {
+    if (!nuxtApp._scripts[instance.id]) {
       const head = injectHead();
       head.hooks.hook("script:updated", (ctx) => {
-        if (ctx.script.id !== instance.$script.id)
+        if (ctx.script.id !== instance.id)
           return;
         payload.events.push({
           type: "status",
           status: ctx.script.status,
           at: Date.now()
         });
-        payload.$script = instance.$script;
+        payload.$script = instance;
         syncScripts();
       });
       head.hooks.hook("script:instance-fn", (ctx) => {
-        if (ctx.script.id !== instance.$script.id || String(ctx.fn).startsWith("__v_"))
+        if (ctx.script.id !== instance.id || String(ctx.fn).startsWith("__v_"))
           return;
         payload.events.push({
           type: "fn-call",
@@ -62,7 +62,7 @@ export function useScript(input, options) {
         });
         syncScripts();
       });
-      payload.$script = instance.$script;
+      payload.$script = instance;
       payload.events.push({
         type: "status",
         status: "awaitingLoad",

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("#imports").Ref<{
-    title?: string;
+export declare function useScriptEventPage(onChange?: (payload: TrackedPage) => void): import("vue").Ref<{
+    title?: string | undefined;
     path: string;
 }>;

package/dist/runtime/composables/useScriptEventPage.js

@@ -10,7 +10,8 @@ export function useScriptEventPage(onChange) {
   if (import.meta.server)
     return payload;
   let lastPayload = { path: "", title: "" };
-  let stopDomWatcher;
+  let stopDomWatcher = () => {
+  };
   nuxt.hooks.hook("page:finish", () => {
     Promise.race([
       // possibly no head update is needed
@@ -18,15 +19,15 @@ export function useScriptEventPage(onChange) {
       new Promise((resolve) => {
         stopDomWatcher = head.hooks.hook("dom:rendered", () => resolve());
       })
-    ]).finally(() => {
-      stopDomWatcher && stopDomWatcher();
-    }).then(() => {
+    ]).finally(stopDomWatcher).then(() => {
       payload.value = {
         path: route.fullPath,
         title: document.title
       };
       if (lastPayload.path !== payload.value.path || lastPayload.title !== payload.value.title) {
-        onChange && onChange(payload.value);
+        if (onChange) {
+          onChange(payload.value);
+        }
         lastPayload = payload.value;
       }
     });

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

@@ -1,13 +1,4 @@
 import type { RegistryScriptInput } from '#nuxt-scripts';
-/**
- * <script type="text/javascript">
- *     (function(c,l,a,r,i,t,y){
- *         c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
- *         t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
- *         y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
- *     })(window, document, "clarity", "script", "mpy5c6k7xi");
- * </script>
- */
 type ClarityFunctions = ((fn: 'start', options: {
     content: boolean;
     cookies: string[];
@@ -38,7 +29,5 @@ export declare const ClarityOptions: import("valibot").ObjectSchema<{
     readonly id: import("valibot").SchemaWithPipe<[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): T & {
-    $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
-};
+export declare function useScriptClarity<T extends ClarityApi>(_options?: ClarityInput): import("../composables/useScript").UseScriptContext<T>;
 export {};

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

@@ -30,6 +30,4 @@ export declare const CloudflareWebAnalyticsOptions: import("valibot").ObjectSche
     readonly spa: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, never>;
 }, undefined>;
 export type CloudflareWebAnalyticsInput = RegistryScriptInput<typeof CloudflareWebAnalyticsOptions>;
-export declare function useScriptCloudflareWebAnalytics<T extends CloudflareWebAnalyticsApi>(_options?: CloudflareWebAnalyticsInput): T & {
-    $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
-};
+export declare function useScriptCloudflareWebAnalytics<T extends CloudflareWebAnalyticsApi>(_options?: CloudflareWebAnalyticsInput): import("../composables/useScript").UseScriptContext<T>;

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

@@ -57,6 +57,4 @@ declare global {
         $crisp: CrispApi;
     }
 }
-export declare function useScriptCrisp<T extends CrispApi>(_options?: CrispInput): T & {
-    $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
-};
+export declare function useScriptCrisp<T extends CrispApi>(_options?: CrispInput): import("../composables/useScript").UseScriptContext<T>;

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

@@ -47,6 +47,4 @@ declare global {
         fathom: FathomAnalyticsApi;
     }
 }
-export declare function useScriptFathomAnalytics<T extends FathomAnalyticsApi>(_options?: FathomAnalyticsInput): T & {
-    $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
-};
+export declare function useScriptFathomAnalytics<T extends FathomAnalyticsApi>(_options?: FathomAnalyticsInput): import("../composables/useScript").UseScriptContext<T>;

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

@@ -23,6 +23,4 @@ declare global {
  *
  * A 3P wrapper for Google Analytics that takes an options input to feed into third-party-capital({@link https://github.com/GoogleChromeLabs/third-party-capital}), which returns instructions for nuxt-scripts.
  */
-export declare function useScriptGoogleAdsense<T extends GoogleAdsenseApi>(_options?: GoogleAdsenseInput): T & {
-    $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
-};
+export declare function useScriptGoogleAdsense<T extends GoogleAdsenseApi>(_options?: GoogleAdsenseInput): import("../composables/useScript").UseScriptContext<T>;

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

@@ -5,15 +5,7 @@ export declare const GoogleAnalyticsOptions: import("valibot").ObjectSchema<{
     readonly l: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, never>;
 }, undefined>;
 export type GoogleAnalyticsInput = RegistryScriptInput<typeof GoogleAnalyticsOptions>;
-export declare function useScriptGoogleAnalytics(_options?: GoogleAnalyticsInput): {
+export declare function useScriptGoogleAnalytics(_options?: GoogleAnalyticsInput): import("../composables/useScript").UseScriptContext<{
     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

@@ -7,7 +7,7 @@ export const GoogleAnalyticsOptions = object({
 });
 function use(options) {
   const gtag = function(...args) {
-    window[options.l ?? "dataLayer"].push(args);
+    window["gtag-" + (options.l ?? "dataLayer")](...args);
   };
   return {
     dataLayer: window[options.l ?? "dataLayer"],
@@ -33,8 +33,11 @@ export function useScriptGoogleAnalytics(_options) {
     // 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 });
+      window["gtag-" + (options?.l ?? "dataLayer")] = function() {
+        window[options?.l ?? "dataLayer"].push(arguments);
+      };
+      window["gtag-" + (options?.l ?? "dataLayer")]("js", /* @__PURE__ */ new Date());
+      window["gtag-" + (options?.l ?? "dataLayer")]("config", options?.id);
     }
   }), _options);
 }

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

@@ -15,7 +15,7 @@ export declare const GoogleMapsOptions: import("valibot").ObjectSchema<{
 export type GoogleMapsInput = RegistryScriptInput<typeof GoogleMapsOptions>;
 type MapsNamespace = typeof google.maps;
 export interface GoogleMapsApi {
-    maps: MapsNamespace | Promise<MapsNamespace>;
+    maps: Promise<MapsNamespace>;
 }
 declare global {
     interface Window {
@@ -24,7 +24,5 @@ declare global {
         };
     }
 }
-export declare function useScriptGoogleMaps<T extends GoogleMapsApi>(_options?: GoogleMapsInput): T & {
-    $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
-};
+export declare function useScriptGoogleMaps<T extends GoogleMapsApi>(_options?: GoogleMapsInput): import("../composables/useScript").UseScriptContext<T>;
 export {};

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

@@ -30,9 +30,7 @@ export function useScriptGoogleMaps(_options) {
       scriptOptions: {
         use() {
           return {
-            maps: readyPromise.then(() => {
-              return window.google.maps;
-            })
+            maps: readyPromise.then(() => window.google.maps)
           };
         }
       }

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

@@ -9,15 +9,7 @@ export declare const GoogleTagManagerOptions: import("valibot").ObjectSchema<{
     readonly l: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, never>;
 }, undefined>;
 export type GoogleTagManagerInput = RegistryScriptInput<typeof GoogleTagManagerOptions>;
-export declare function useScriptGoogleTagManager(_options?: GoogleTagManagerInput): {
+export declare function useScriptGoogleTagManager(_options?: GoogleTagManagerInput): import("../composables/useScript").UseScriptContext<{
     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/hotjar.d.ts

@@ -17,6 +17,4 @@ export declare const HotjarOptions: import("valibot").ObjectSchema<{
     readonly sv: import("valibot").OptionalSchema<import("valibot").NumberSchema<undefined>, never>;
 }, undefined>;
 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>;
-};
+export declare function useScriptHotjar<T extends HotjarApi>(_options?: HotjarInput): import("../composables/useScript").UseScriptContext<T>;

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

@@ -19,6 +19,4 @@ declare global {
         intercomSettings?: any;
     }
 }
-export declare function useScriptIntercom<T extends IntercomApi>(_options?: IntercomInput): T & {
-    $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
-};
+export declare function useScriptIntercom<T extends IntercomApi>(_options?: IntercomInput): import("../composables/useScript").UseScriptContext<T>;

package/dist/runtime/registry/lemon-squeezy.d.ts

@@ -69,6 +69,4 @@ declare global {
         LemonSqueezy: LemonSqueezyApi;
     }
 }
-export declare function useScriptLemonSqueezy<T extends LemonSqueezyApi>(_options?: LemonSqueezyInput): T & {
-    $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
-};
+export declare function useScriptLemonSqueezy<T extends LemonSqueezyApi>(_options?: LemonSqueezyInput): import("../composables/useScript").UseScriptContext<T>;

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

@@ -13,7 +13,5 @@ declare global {
     interface Window extends MatomoAnalyticsApi {
     }
 }
-export declare function useScriptMatomoAnalytics<T extends MatomoAnalyticsApi>(_options?: MatomoAnalyticsInput): T & {
-    $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
-};
+export declare function useScriptMatomoAnalytics<T extends MatomoAnalyticsApi>(_options?: MatomoAnalyticsInput): import("../composables/useScript").UseScriptContext<T>;
 export {};

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

@@ -26,8 +26,12 @@ export function useScriptMatomoAnalytics(_options) {
     },
     clientInit: import.meta.server ? void 0 : () => {
       const _paq = window._paq = window._paq || [];
-      options?.trackPageView !== false && _paq.push(["trackPageView"]);
-      options?.enableLinkTracking !== false && _paq.push(["enableLinkTracking"]);
+      if (options?.trackPageView) {
+        _paq.push(["trackPageView"]);
+      }
+      if (options?.enableLinkTracking) {
+        _paq.push(["enableLinkTracking"]);
+      }
       _paq.push(["setTrackerUrl", withBase(`/matomo.php`, withHttps(options?.matomoUrl))]);
       _paq.push(["setSiteId", options?.siteId || "1"]);
     }

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

@@ -27,6 +27,7 @@ export interface MetaPixelApi {
         queue: any[];
     };
     _fbq: MetaPixelApi['fbq'];
+    callMethod?: FbqFns;
 }
 declare global {
     interface Window extends MetaPixelApi {
@@ -36,7 +37,5 @@ 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, true, false, false>;
-export declare function useScriptMetaPixel<T extends MetaPixelApi>(_options?: MetaPixelInput): T & {
-    $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
-};
+export declare function useScriptMetaPixel<T extends MetaPixelApi>(_options?: MetaPixelInput): import("../composables/useScript").UseScriptContext<T>;
 export {};

package/dist/runtime/registry/meta-pixel.js

@@ -17,7 +17,11 @@ export function useScriptMetaPixel(_options) {
     },
     clientInit: import.meta.server ? void 0 : () => {
       const fbq = window.fbq = function(...params) {
-        fbq.callMethod ? fbq.callMethod(...params) : fbq.queue.push(params);
+        if (fbq.callMethod) {
+          fbq.callMethod(...params);
+        } else {
+          fbq.queue.push(params);
+        }
       };
       if (!window._fbq)
         window._fbq = fbq;

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

@@ -6,6 +6,4 @@ export declare const NpmOptions: import("valibot").ObjectSchema<{
     readonly type: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, never>;
 }, undefined>;
 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>;
-};
+export declare function useScriptNpm<T extends Record<string | symbol, any>>(_options: NpmInput): import("../composables/useScript").UseScriptContext<T>;

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

@@ -14,6 +14,4 @@ declare global {
         plausible: PlausibleAnalyticsApi;
     }
 }
-export declare function useScriptPlausibleAnalytics<T extends PlausibleAnalyticsApi>(_options?: PlausibleAnalyticsInput): T & {
-    $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
-};
+export declare function useScriptPlausibleAnalytics<T extends PlausibleAnalyticsApi>(_options?: PlausibleAnalyticsInput): import("../composables/useScript").UseScriptContext<T>;

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

@@ -24,13 +24,10 @@ interface AnalyticsApi {
      */
     push: (args: any[]) => void;
 }
-export interface SegmentApi extends Pick<AnalyticsApi, 'track' | 'page' | 'identify' | 'group' | 'alias' | 'reset'> {
-}
+export type SegmentApi = Pick<AnalyticsApi, 'track' | 'page' | 'identify' | 'group' | 'alias' | 'reset'>;
 declare global {
     interface Window extends SegmentApi {
     }
 }
-export declare function useScriptSegment<T extends SegmentApi>(_options?: SegmentInput): T & {
-    $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
-};
+export declare function useScriptSegment<T extends SegmentApi>(_options?: SegmentInput): import("../composables/useScript").UseScriptContext<T>;
 export {};

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

@@ -10,6 +10,4 @@ declare global {
     interface Window extends StripeApi {
     }
 }
-export declare function useScriptStripe<T extends StripeApi>(_options?: StripeInput): T & {
-    $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
-};
+export declare function useScriptStripe<T extends StripeApi>(_options?: StripeInput): import("../composables/useScript").UseScriptContext<T>;

package/dist/runtime/registry/vimeo-player.d.ts

@@ -11,7 +11,5 @@ declare global {
     interface Window extends VimeoPlayerApi {
     }
 }
-export declare function useScriptVimeoPlayer<T extends VimeoPlayerApi>(_options?: VimeoPlayerInput): T & {
-    $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
-};
+export declare function useScriptVimeoPlayer<T extends VimeoPlayerApi>(_options?: VimeoPlayerInput): import("../composables/useScript").UseScriptContext<T>;
 export {};

package/dist/runtime/registry/vimeo-player.js

@@ -15,7 +15,7 @@ export function useScriptVimeoPlayer(_options) {
     }
   }), _options);
   if (import.meta.client) {
-    const _ = watch(instance.$script.status, (status) => {
+    const _ = watch(instance.status, (status) => {
       if (status === "loading") {
         useHead({
           link: [

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

@@ -32,7 +32,5 @@ export declare const XPixelOptions: import("valibot").ObjectSchema<{
     readonly version: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, never>;
 }, undefined>;
 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>;
-};
+export declare function useScriptXPixel<T extends XPixelApi>(_options?: XPixelInput): import("../composables/useScript").UseScriptContext<T>;
 export {};

package/dist/runtime/registry/x-pixel.js

@@ -12,8 +12,12 @@ export function useScriptXPixel(_options) {
         crossorigin: false
       },
       clientInit: import.meta.server ? void 0 : () => {
-        const s = window.twq = function() {
-          s.exe ? s.exe(s, arguments) : s.queue.push(arguments);
+        const s = window.twq = function(...args) {
+          if (e.exe) {
+            s.exe(s, args);
+          } else {
+            s.queue.push(args);
+          }
         };
         s.version = options?.version || "1.1";
         s.queue = [

package/dist/runtime/registry/youtube-player.d.ts

@@ -10,6 +10,4 @@ declare global {
     }
 }
 export type YouTubePlayerInput = RegistryScriptInput;
-export declare function useScriptYouTubePlayer<T extends YouTubePlayerApi>(_options: YouTubePlayerInput): T & {
-    $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
-};
+export declare function useScriptYouTubePlayer<T extends YouTubePlayerApi>(_options: YouTubePlayerInput): import("../composables/useScript").UseScriptContext<T>;

package/dist/runtime/registry/youtube-player.js

@@ -25,7 +25,7 @@ export function useScriptYouTubePlayer(_options) {
     }
   }), _options);
   if (import.meta.client) {
-    const _ = watch(instance.$script.status, (status) => {
+    const _ = watch(instance.status, (status) => {
       if (status === "loading") {
         useHead({
           link: [

package/dist/runtime/types.d.ts

@@ -23,14 +23,14 @@ import type { ClarityInput } from './registry/clarity.js';
 import type { CrispInput } from './registry/crisp.js';
 import type { GoogleAnalyticsInput } from './registry/google-analytics.js';
 import type { GoogleTagManagerInput } from './registry/google-tag-manager.js';
-export type NuxtUseScriptOptions<T = any> = Omit<UseScriptOptions<T>, 'trigger'> & {
+export type NuxtUseScriptOptions<T extends Record<symbol | string, any> = {}, U = {}> = Omit<UseScriptOptions<T, U>, 'trigger'> & {
     /**
      * The trigger to load the script:
      * - `onNuxtReady` - Load the script when Nuxt is ready.
-     * - `manual` - Load the script manually by calling `$script.load()` or `$script.waitForLoad()`.
+     * - `manual` - Load the script manually by calling `load()`.
      * - `Promise` - Load the script when the promise resolves.
      */
-    trigger?: UseScriptOptions<T>['trigger'] | 'onNuxtReady';
+    trigger?: UseScriptOptions<T, U>['trigger'] | 'onNuxtReady';
     /**
      * Should the script be bundled as an asset and loaded from your server. This is useful for improving the
      * performance by avoiding the extra DNS lookup and reducing the number of requests. It also
@@ -124,8 +124,8 @@ export type NuxtConfigScriptRegistryEntry<T> = true | 'mock' | T | [T, NuxtUseSc
 export type NuxtConfigScriptRegistry<T extends keyof ScriptRegistry = keyof ScriptRegistry> = Partial<{
     [key in T]: NuxtConfigScriptRegistryEntry<ScriptRegistry[key]>;
 }>;
-declare const emptyOptions: ObjectSchema<{}, undefined>;
-export type EmptyOptionsSchema = typeof emptyOptions;
+declare const _emptyOptions: ObjectSchema<{}, undefined>;
+export type EmptyOptionsSchema = typeof _emptyOptions;
 type ScriptInput = ScriptBase & DataKeys & SchemaAugmentations['script'];
 export type RegistryScriptInput<T extends ObjectSchema<any, any> = EmptyOptionsSchema, Bundelable extends boolean = true, Usable extends boolean = false, CanBypassOptions extends boolean = true> = (InferInput<T> & {
     /**

package/dist/runtime/types.js

@@ -1,2 +1,2 @@
 import { object } from "valibot";
-const emptyOptions = object({});
+const _emptyOptions = object({});

package/dist/runtime/utils.d.ts

@@ -1,5 +1,5 @@
 import type { InferInput, ObjectSchema } from 'valibot';
-import type { UseScriptInput, VueScriptInstance } from '@unhead/vue';
+import type { UseScriptInput } from '@unhead/vue';
 import type { EmptyOptionsSchema, NuxtUseScriptOptions, RegistryScriptInput, ScriptRegistry } from '#nuxt-scripts';
 type OptionsFn<O extends ObjectSchema<any, any>> = (options: InferInput<O>) => ({
     scriptInput?: UseScriptInput;
@@ -8,7 +8,5 @@ type OptionsFn<O extends ObjectSchema<any, any>> = (options: InferInput<O>) => (
     clientInit?: () => void;
 });
 export declare function scriptRuntimeConfig<T extends keyof ScriptRegistry>(key: T): ScriptRegistry[T];
-export declare function useRegistryScript<T extends Record<string | symbol, any>, O extends ObjectSchema<any, any> = EmptyOptionsSchema>(registryKey: keyof ScriptRegistry | string, optionsFn: OptionsFn<O>, _userOptions?: RegistryScriptInput<O>): T & {
-    $script: Promise<T> & VueScriptInstance<T>;
-};
+export declare function useRegistryScript<T extends Record<string | symbol, any>, O extends ObjectSchema<any, any> = EmptyOptionsSchema, U = {}>(registryKey: keyof ScriptRegistry | string, optionsFn: OptionsFn<O>, _userOptions?: RegistryScriptInput<O>): import("./composables/useScript").UseScriptContext<T>;
 export {};