@nuxt/scripts 0.10.5 → 0.11.0

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 '@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>

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

@@ -1,4 +1,8 @@
-import type { UseScriptInput } from '@unhead/vue';
-import type { UseFunctionType } from '@unhead/schema';
-import type { NuxtUseScriptOptions, UseScriptContext } from '#nuxt-scripts/types';
-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>>;
+import type { UseScriptInput } from '@unhead/vue/scripts';
+import type { NuxtUseScriptOptions, UseScriptContext } from '../types.js';
+type UseFunctionType<T, U> = T extends {
+    use: infer V;
+} ? V extends (...args: any) => any ? ReturnType<V> : U : U;
+export declare function resolveScriptKey(input: any): string;
+export declare function useScript<T extends Record<symbol | string, any> = Record<symbol | string, any>>(input: UseScriptInput, options?: NuxtUseScriptOptions<T>): UseScriptContext<UseFunctionType<NuxtUseScriptOptions<T>, T>>;
+export {};

package/dist/runtime/composables/useScript.js

@@ -1,45 +1,12 @@
-import { resolveScriptKey } from "unhead";
 import { defu } from "defu";
-import { useScript as _useScript, injectHead } from "@unhead/vue";
-import { parseURL } from "ufo";
-import { onNuxtReady, useHead, useNuxtApp, useRuntimeConfig } from "nuxt/app";
+import { useScript as _useScript } from "@unhead/vue/scripts";
 import { reactive } from "vue";
-import { pick } from "../utils.js";
+import { onNuxtReady, useNuxtApp, useRuntimeConfig, injectHead } from "#imports";
 function useNuxtScriptRuntimeConfig() {
   return useRuntimeConfig().public["nuxt-scripts"];
 }
-const ValidPreloadTriggers = ["onNuxtReady", "client"];
-const PreconnectServerModes = ["preconnect", "dns-prefetch"];
-function warmup(_, rel, head) {
-  const { src } = _;
-  const $url = parseURL(src);
-  const isPreconnect = rel && PreconnectServerModes.includes(rel);
-  const href = isPreconnect ? `${$url.protocol}${$url.host}` : src;
-  const isCrossOrigin = !!$url.host;
-  if (!rel || isPreconnect && !isCrossOrigin) {
-    return;
-  }
-  const link = {
-    href,
-    rel,
-    ...pick(_, [
-      // shared keys between script and link
-      "crossorigin",
-      "referrerpolicy",
-      "fetchpriority",
-      "integrity"
-      // ignore id
-    ])
-  };
-  const defaults = { fetchpriority: "low" };
-  if (rel === "preload") {
-    defaults.as = "script";
-  }
-  if (isCrossOrigin) {
-    defaults.crossorigin = "anonymous";
-    defaults.referrerpolicy = "no-referrer";
-  }
-  return useHead({ link: [defu(link, defaults)] }, { head, tagPriority: "high" });
+export function resolveScriptKey(input) {
+  return input.key || input.src || (typeof input.innerHTML === "string" ? input.innerHTML : "");
 }
 export function useScript(input, options) {
   input = typeof input === "string" ? { src: input } : input;
@@ -49,33 +16,17 @@ export function useScript(input, options) {
   const head = options.head || injectHead();
   nuxtApp.$scripts = nuxtApp.$scripts || reactive({});
   const exists = !!nuxtApp.$scripts?.[id];
-  if (!options.warmupStrategy && ValidPreloadTriggers.includes(String(options.trigger))) {
-    options.warmupStrategy = "preload";
-  }
-  if (options.trigger === "onNuxtReady") {
-    options.trigger = onNuxtReady;
-  }
-  if (import.meta.client) {
-    if (!exists) {
-      performance?.mark?.("mark_feature_usage", {
-        detail: {
-          feature: options.performanceMarkFeature ?? `nuxt-scripts:${id}`
-        }
-      });
+  if (options.trigger === "onNuxtReady" || options.trigger === "client") {
+    if (!options.warmupStrategy) {
+      options.warmupStrategy = "preload";
     }
-  }
-  const instance = _useScript(input, options);
-  instance.warmup = (rel) => {
-    if (!instance._warmupEl) {
-      instance._warmupEl = warmup(input, rel, head);
+    if (options.trigger === "onNuxtReady") {
+      options.trigger = onNuxtReady;
     }
-  };
-  if (options.warmupStrategy) {
-    instance.warmup(options.warmupStrategy);
   }
+  const instance = _useScript(input, options);
   const _remove = instance.remove;
   instance.remove = () => {
-    instance._warmupEl?.dispose();
     nuxtApp.$scripts[id] = void 0;
     return _remove();
   };

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

@@ -21,9 +21,6 @@ export function useScriptGoogleAnalytics(_options) {
           gtag
         };
       },
-      stub: import.meta.client ? void 0 : ({ fn }) => {
-        return fn === "dataLayer" ? [] : void 0;
-      },
       performanceMarkFeature: "nuxt-third-parties-ga",
       tagPriority: 1
     },

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

@@ -1,12 +1,4 @@
 import type { RegistryScriptInput } from '#nuxt-scripts/types';
-declare namespace google {
-    namespace maps {
-        /**
-         * @internal
-         */
-        function __ib__(): void;
-    }
-}
 export declare const GoogleMapsOptions: import("valibot").ObjectSchema<{
     readonly apiKey: import("valibot").StringSchema<undefined>;
     readonly libraries: import("valibot").OptionalSchema<import("valibot").ArraySchema<import("valibot").StringSchema<undefined>, undefined>, undefined>;
@@ -15,14 +7,16 @@ export declare const GoogleMapsOptions: import("valibot").ObjectSchema<{
     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>;
 }, undefined>;
 export type GoogleMapsInput = RegistryScriptInput<typeof GoogleMapsOptions>;
-type MapsNamespace = typeof google.maps;
+type MapsNamespace = typeof window.google.maps;
 export interface GoogleMapsApi {
     maps: Promise<MapsNamespace>;
 }
 declare global {
     interface Window {
         google: {
-            maps: MapsNamespace;
+            maps: {
+                __ib__(): void;
+            };
         };
     }
 }

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

@@ -15,9 +15,6 @@ export function useScriptGoogleTagManager(_options) {
       use: () => {
         return { dataLayer: window[options.l ?? "dataLayer"], google_tag_manager: window.google_tag_manager };
       },
-      stub: import.meta.client ? void 0 : ({ fn }) => {
-        return fn === "dataLayer" ? [] : void 0;
-      },
       performanceMarkFeature: "nuxt-third-parties-gtm",
       tagPriority: 1
     },

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

@@ -24,10 +24,6 @@ export function useScriptMatomoAnalytics(_options) {
       scriptOptions: {
         use() {
           return { _paq: window._paq };
-        },
-        // allow _paq to be accessed on the server
-        stub: import.meta.client ? void 0 : ({ fn }) => {
-          return fn === "_paq" ? [] : void 0;
         }
       },
       clientInit: import.meta.server ? void 0 : () => {

package/dist/runtime/registry/segment.js

@@ -33,24 +33,6 @@ export function useScriptSegment(_options) {
       },
       schema: import.meta.dev ? SegmentOptions : void 0,
       scriptOptions: {
-        stub: import.meta.server ? ({ fn }) => {
-          if (fn === "analytics") {
-            return {
-              track: () => {
-              },
-              page: () => {
-              },
-              identify: () => {
-              },
-              group: () => {
-              },
-              alias: () => {
-              },
-              reset: () => {
-              }
-            };
-          }
-        } : void 0,
         use() {
           return methods.reduce((acc, key) => {
             acc[key] = window[k].factory(key);

package/dist/runtime/types.d.ts

@@ -34,14 +34,14 @@ export type UseScriptContext<T extends Record<symbol | string, any>> = (Promise<
     warmup: (rel: WarmupStrategy) => void;
     _warmupEl?: void | ActiveHeadEntry<any>;
 };
-export type NuxtUseScriptOptions<T extends Record<symbol | string, any> = {}, U = {}> = Omit<UseScriptOptions<T, U>, 'trigger'> & {
+export type NuxtUseScriptOptions<T extends Record<symbol | string, any> = {}> = Omit<UseScriptOptions<T>, 'trigger'> & {
     /**
      * The trigger to load the script:
      * - `onNuxtReady` - Load the script when Nuxt is ready.
      * - `manual` - Load the script manually by calling `load()`.
      * - `Promise` - Load the script when the promise resolves.
      */
-    trigger?: UseScriptOptions<T, U>['trigger'] | 'onNuxtReady';
+    trigger?: UseScriptOptions<T>['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

package/dist/runtime/utils.js

@@ -1,6 +1,6 @@
 import { defu } from "defu";
 import { useRuntimeConfig } from "nuxt/app";
-import { useScript } from "./composables/useScript.js";
+import { useScript } from "#imports";
 import { parse } from "#nuxt-scripts-validator";
 function validateScriptInputSchema(key, schema, options) {
   if (import.meta.dev) {