@nuxt/scripts 1.0.0-beta.7 → 1.0.0-rc.2

package/dist/runtime/components/GoogleMaps/useGoogleMapsResource.js

@@ -0,0 +1,51 @@
+import { whenever } from "@vueuse/core";
+import { inject, onUnmounted, ref, shallowRef } from "vue";
+export const MAP_INJECTION_KEY = Symbol("map");
+export const MARKER_INJECTION_KEY = Symbol("marker");
+export function bindGoogleMapsEvents(instance, emit, config) {
+  config.noPayload?.forEach((event) => {
+    instance.addListener(event, () => emit(event));
+  });
+  config.withPayload?.forEach((event) => {
+    instance.addListener(event, (payload) => emit(event, payload));
+  });
+}
+export function useGoogleMapsResource({
+  ready,
+  create,
+  cleanup
+}) {
+  const mapContext = inject(MAP_INJECTION_KEY, void 0);
+  const resource = shallowRef(void 0);
+  const isUnmounted = ref(false);
+  whenever(
+    () => mapContext?.map.value && mapContext.mapsApi.value && (!ready || ready()),
+    () => {
+      Promise.resolve(create({
+        map: mapContext.map.value,
+        mapsApi: mapContext.mapsApi.value
+      })).then((result) => {
+        if (isUnmounted.value) {
+          if (cleanup && mapContext?.mapsApi.value) {
+            cleanup(result, { mapsApi: mapContext.mapsApi.value });
+          }
+          return;
+        }
+        resource.value = result;
+      }).catch((err) => {
+        if (import.meta.dev) {
+          console.error("[nuxt-scripts] Google Maps resource creation failed:", err);
+        }
+      });
+    },
+    { immediate: true, once: true }
+  );
+  onUnmounted(() => {
+    isUnmounted.value = true;
+    if (resource.value && cleanup && mapContext?.mapsApi.value) {
+      cleanup(resource.value, { mapsApi: mapContext.mapsApi.value });
+    }
+    resource.value = void 0;
+  });
+  return resource;
+}

package/dist/runtime/components/ScriptBlueskyEmbed.d.vue.ts

@@ -0,0 +1,84 @@
+import type { HTMLAttributes } from 'vue';
+import type { BlueskyEmbedPostData } from '../registry/bluesky-embed.js';
+type __VLS_Props = {
+    /**
+     * The Bluesky post URL to embed
+     * @example 'https://bsky.app/profile/bsky.app/post/3mgnwwvj3u22a'
+     */
+    postUrl: string;
+    /**
+     * Custom API endpoint for fetching post data
+     */
+    apiEndpoint?: string;
+    /**
+     * Custom image proxy endpoint
+     */
+    imageProxyEndpoint?: string;
+    /**
+     * Root element attributes
+     */
+    rootAttrs?: HTMLAttributes;
+};
+type __VLS_Slots = {
+    default?: (props: NonNullable<typeof slotProps.value>) => any;
+    loading?: () => any;
+    error?: (props: {
+        error: typeof error.value;
+    }) => any;
+};
+declare const error: import("vue").Ref<import("nuxt/app").NuxtError<unknown> | undefined, import("nuxt/app").NuxtError<unknown> | undefined>;
+declare const slotProps: import("vue").ComputedRef<{
+    post: BlueskyEmbedPostData;
+    displayName: string;
+    handle: string;
+    avatar: string;
+    avatarOriginal: string;
+    isVerified: boolean;
+    text: string;
+    richText: string;
+    langs: string[] | undefined;
+    datetime: string;
+    createdAt: Date;
+    likes: number;
+    likesFormatted: string;
+    reposts: number;
+    repostsFormatted: string;
+    replies: number;
+    repliesFormatted: string;
+    quotes: number;
+    quotesFormatted: string;
+    images: {
+        thumb: string;
+        fullsize: string;
+        alt: string;
+        aspectRatio: {
+            width: number;
+            height: number;
+        } | undefined;
+    }[] | undefined;
+    externalEmbed: {
+        uri: string;
+        title: string;
+        description: string;
+        thumb: string | undefined;
+    } | undefined;
+    postUrl: string;
+    authorUrl: string;
+    proxyImage: (url: string) => string;
+} | null>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    post: import("vue").Ref<BlueskyEmbedPostData | undefined, BlueskyEmbedPostData | undefined>;
+    status: import("vue").Ref<import("nuxt/app").AsyncDataRequestStatus, import("nuxt/app").AsyncDataRequestStatus>;
+    error: import("vue").Ref<import("nuxt/app").NuxtError<unknown> | undefined, import("nuxt/app").NuxtError<unknown> | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    apiEndpoint: string;
+    imageProxyEndpoint: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ScriptBlueskyEmbed.vue

@@ -0,0 +1,89 @@
+<script setup>
+import { useAsyncData } from "nuxt/app";
+import { computed } from "vue";
+import { extractBlueskyPostId, facetsToHtml, formatBlueskyDate, formatCount, proxyBlueskyImageUrl } from "../registry/bluesky-embed";
+import { requireRegistryEndpoint, scriptsPrefix } from "../utils";
+const props = defineProps({
+  postUrl: { type: String, required: true },
+  apiEndpoint: { type: String, required: false, default: void 0 },
+  imageProxyEndpoint: { type: String, required: false, default: void 0 },
+  rootAttrs: { type: Object, required: false }
+});
+defineSlots();
+const prefix = scriptsPrefix();
+const resolvedApiEndpoint = computed(() => props.apiEndpoint || `${prefix}/embed/bluesky`);
+const resolvedImageProxyEndpoint = computed(() => props.imageProxyEndpoint || `${prefix}/embed/bluesky-image`);
+if (!props.apiEndpoint)
+  requireRegistryEndpoint("ScriptBlueskyEmbed", "blueskyEmbed");
+const postId = computed(() => extractBlueskyPostId(props.postUrl));
+const cacheKey = computed(() => `bluesky-embed-${postId.value?.actor}-${postId.value?.rkey}`);
+const { data: post, status, error } = useAsyncData(
+  cacheKey,
+  () => $fetch(`${resolvedApiEndpoint.value}?url=${encodeURIComponent(props.postUrl)}`)
+);
+const slotProps = computed(() => {
+  if (!post.value)
+    return null;
+  const p = post.value;
+  return {
+    // Raw data
+    post: p,
+    // Author info
+    displayName: p.author.displayName,
+    handle: p.author.handle,
+    avatar: proxyBlueskyImageUrl(p.author.avatar, resolvedImageProxyEndpoint.value),
+    avatarOriginal: p.author.avatar,
+    isVerified: p.author.verification?.verifiedStatus === "valid",
+    // Post content
+    text: p.record.text,
+    richText: facetsToHtml(p.record.text, p.record.facets),
+    langs: p.record.langs,
+    // Formatted values
+    datetime: formatBlueskyDate(p.record.createdAt),
+    createdAt: new Date(p.record.createdAt),
+    likes: p.likeCount,
+    likesFormatted: formatCount(p.likeCount),
+    reposts: p.repostCount,
+    repostsFormatted: formatCount(p.repostCount),
+    replies: p.replyCount,
+    repliesFormatted: formatCount(p.replyCount),
+    quotes: p.quoteCount,
+    quotesFormatted: formatCount(p.quoteCount),
+    // Media
+    images: p.embed?.images?.map((img) => ({
+      thumb: proxyBlueskyImageUrl(img.thumb, resolvedImageProxyEndpoint.value),
+      fullsize: proxyBlueskyImageUrl(img.fullsize, resolvedImageProxyEndpoint.value),
+      alt: img.alt,
+      aspectRatio: img.aspectRatio
+    })),
+    externalEmbed: p.embed?.external ? {
+      uri: p.embed.external.uri,
+      title: p.embed.external.title,
+      description: p.embed.external.description,
+      thumb: p.embed.external.thumb ? proxyBlueskyImageUrl(p.embed.external.thumb, resolvedImageProxyEndpoint.value) : void 0
+    } : void 0,
+    // Links
+    postUrl: props.postUrl,
+    authorUrl: `https://bsky.app/profile/${p.author.handle}`,
+    // Helpers
+    proxyImage: (url) => proxyBlueskyImageUrl(url, resolvedImageProxyEndpoint.value)
+  };
+});
+defineExpose({
+  post,
+  status,
+  error
+});
+</script>
+
+<template>
+  <div v-bind="rootAttrs">
+    <slot v-if="status === 'pending'" name="loading">
+      <div>Loading Bluesky post...</div>
+    </slot>
+    <slot v-else-if="status === 'error'" name="error" :error="error">
+      <div>Failed to load Bluesky post</div>
+    </slot>
+    <slot v-else-if="slotProps" v-bind="slotProps" />
+  </div>
+</template>

package/dist/runtime/components/ScriptBlueskyEmbed.vue.d.ts

@@ -0,0 +1,84 @@
+import type { HTMLAttributes } from 'vue';
+import type { BlueskyEmbedPostData } from '../registry/bluesky-embed.js';
+type __VLS_Props = {
+    /**
+     * The Bluesky post URL to embed
+     * @example 'https://bsky.app/profile/bsky.app/post/3mgnwwvj3u22a'
+     */
+    postUrl: string;
+    /**
+     * Custom API endpoint for fetching post data
+     */
+    apiEndpoint?: string;
+    /**
+     * Custom image proxy endpoint
+     */
+    imageProxyEndpoint?: string;
+    /**
+     * Root element attributes
+     */
+    rootAttrs?: HTMLAttributes;
+};
+type __VLS_Slots = {
+    default?: (props: NonNullable<typeof slotProps.value>) => any;
+    loading?: () => any;
+    error?: (props: {
+        error: typeof error.value;
+    }) => any;
+};
+declare const error: import("vue").Ref<import("nuxt/app").NuxtError<unknown> | undefined, import("nuxt/app").NuxtError<unknown> | undefined>;
+declare const slotProps: import("vue").ComputedRef<{
+    post: BlueskyEmbedPostData;
+    displayName: string;
+    handle: string;
+    avatar: string;
+    avatarOriginal: string;
+    isVerified: boolean;
+    text: string;
+    richText: string;
+    langs: string[] | undefined;
+    datetime: string;
+    createdAt: Date;
+    likes: number;
+    likesFormatted: string;
+    reposts: number;
+    repostsFormatted: string;
+    replies: number;
+    repliesFormatted: string;
+    quotes: number;
+    quotesFormatted: string;
+    images: {
+        thumb: string;
+        fullsize: string;
+        alt: string;
+        aspectRatio: {
+            width: number;
+            height: number;
+        } | undefined;
+    }[] | undefined;
+    externalEmbed: {
+        uri: string;
+        title: string;
+        description: string;
+        thumb: string | undefined;
+    } | undefined;
+    postUrl: string;
+    authorUrl: string;
+    proxyImage: (url: string) => string;
+} | null>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    post: import("vue").Ref<BlueskyEmbedPostData | undefined, BlueskyEmbedPostData | undefined>;
+    status: import("vue").Ref<import("nuxt/app").AsyncDataRequestStatus, import("nuxt/app").AsyncDataRequestStatus>;
+    error: import("vue").Ref<import("nuxt/app").NuxtError<unknown> | undefined, import("nuxt/app").NuxtError<unknown> | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    apiEndpoint: string;
+    imageProxyEndpoint: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ScriptCarbonAds.d.vue.ts

@@ -8,13 +8,10 @@ type __VLS_Props = {
      */
     trigger?: ElementScriptTrigger;
 };
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
-type __VLS_Slots = {} & {
-    awaitingLoad?: (props: typeof __VLS_1) => any;
-} & {
-    loading?: (props: typeof __VLS_3) => any;
-} & {
-    error?: (props: typeof __VLS_5) => any;
+type __VLS_Slots = {
+    awaitingLoad?: () => any;
+    loading?: () => any;
+    error?: () => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (error: string | Event) => any;

package/dist/runtime/components/ScriptCarbonAds.vue

@@ -9,6 +9,7 @@ const props = defineProps({
   trigger: { type: [String, Array, Boolean], required: false }
 });
 const emit = defineEmits(["error", "ready"]);
+defineSlots();
 const attrId = `_carbonads_js`;
 const carbonadsEl = ref(import.meta.client ? document.getElementById(attrId) : null);
 const status = ref("awaitingLoad");

package/dist/runtime/components/ScriptCarbonAds.vue.d.ts

@@ -8,13 +8,10 @@ type __VLS_Props = {
      */
     trigger?: ElementScriptTrigger;
 };
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
-type __VLS_Slots = {} & {
-    awaitingLoad?: (props: typeof __VLS_1) => any;
-} & {
-    loading?: (props: typeof __VLS_3) => any;
-} & {
-    error?: (props: typeof __VLS_5) => any;
+type __VLS_Slots = {
+    awaitingLoad?: () => any;
+    loading?: () => any;
+    error?: () => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (error: string | Event) => any;

package/dist/runtime/components/ScriptCrisp.d.vue.ts

@@ -12,17 +12,13 @@ type __VLS_Props = {
     cookieDomain?: string;
     cookieExpiry?: number;
 };
-declare var __VLS_1: {
-    ready: boolean;
-}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-} & {
-    awaitingLoad?: (props: typeof __VLS_3) => any;
-} & {
-    loading?: (props: typeof __VLS_5) => any;
-} & {
-    error?: (props: typeof __VLS_7) => any;
+type __VLS_Slots = {
+    default?: (props: {
+        ready: boolean;
+    }) => any;
+    awaitingLoad?: () => any;
+    loading?: () => any;
+    error?: () => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     crisp: import("#nuxt-scripts/types").UseScriptContext<import("../registry/crisp.js").CrispApi>;

package/dist/runtime/components/ScriptCrisp.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, onBeforeUnmount, watch, computed } from "vue";
+import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { useScriptTriggerElement } from "../composables/useScriptTriggerElement";
 import { useScriptCrisp } from "../registry/crisp";
 const props = defineProps({
@@ -11,6 +11,7 @@ const props = defineProps({
   cookieExpiry: { type: Number, required: false }
 });
 const emits = defineEmits(["ready", "error"]);
+defineSlots();
 const rootEl = ref(null);
 const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl });
 const isReady = ref(false);

package/dist/runtime/components/ScriptCrisp.vue.d.ts

@@ -12,17 +12,13 @@ type __VLS_Props = {
     cookieDomain?: string;
     cookieExpiry?: number;
 };
-declare var __VLS_1: {
-    ready: boolean;
-}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-} & {
-    awaitingLoad?: (props: typeof __VLS_3) => any;
-} & {
-    loading?: (props: typeof __VLS_5) => any;
-} & {
-    error?: (props: typeof __VLS_7) => any;
+type __VLS_Slots = {
+    default?: (props: {
+        ready: boolean;
+    }) => any;
+    awaitingLoad?: () => any;
+    loading?: () => any;
+    error?: () => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     crisp: import("#nuxt-scripts/types").UseScriptContext<import("../registry/crisp.js").CrispApi>;

package/dist/runtime/components/ScriptGoogleAdsense.d.vue.ts

@@ -10,13 +10,10 @@ type __VLS_Props = {
      */
     trigger?: ElementScriptTrigger;
 };
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
-type __VLS_Slots = {} & {
-    awaitingLoad?: (props: typeof __VLS_1) => any;
-} & {
-    loading?: (props: typeof __VLS_3) => any;
-} & {
-    error?: (props: typeof __VLS_5) => any;
+type __VLS_Slots = {
+    awaitingLoad?: () => any;
+    loading?: () => any;
+    error?: () => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: () => any;

package/dist/runtime/components/ScriptGoogleAdsense.vue

@@ -1,6 +1,6 @@
 <script setup>
-import { computed, onMounted, ref, watch } from "vue";
 import { callOnce } from "nuxt/app";
+import { computed, onMounted, ref, watch } from "vue";
 import { useScriptTriggerElement } from "../composables/useScriptTriggerElement";
 import { useScriptGoogleAdsense } from "../registry/google-adsense";
 import { scriptRuntimeConfig } from "../utils";
@@ -13,6 +13,7 @@ const props = defineProps({
   trigger: { type: [String, Array, Boolean], required: false }
 });
 const emits = defineEmits(["ready", "error"]);
+defineSlots();
 const rootEl = ref(null);
 const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl });
 const scriptConfig = scriptRuntimeConfig("googleAdsense");

package/dist/runtime/components/ScriptGoogleAdsense.vue.d.ts

@@ -10,13 +10,10 @@ type __VLS_Props = {
      */
     trigger?: ElementScriptTrigger;
 };
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
-type __VLS_Slots = {} & {
-    awaitingLoad?: (props: typeof __VLS_1) => any;
-} & {
-    loading?: (props: typeof __VLS_3) => any;
-} & {
-    error?: (props: typeof __VLS_5) => any;
+type __VLS_Slots = {
+    awaitingLoad?: () => any;
+    loading?: () => any;
+    error?: () => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: () => any;

package/dist/runtime/components/ScriptGravatar.d.vue.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    /** Email address — sent to your server proxy for hashing, not sent to Gravatar */
+    email?: string;
+    /** Pre-computed SHA256 hash of the email */
+    hash?: string;
+    /** Avatar size in pixels */
+    size?: number;
+    /** Default avatar style when no Gravatar exists */
+    default?: string;
+    /** Content rating filter */
+    rating?: string;
+    /** Enable hovercards on hover */
+    hovercards?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    default: string;
+    size: number;
+    rating: string;
+    hovercards: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ScriptGravatar.vue

@@ -0,0 +1,46 @@
+<script setup>
+import { computed, onMounted, ref, useAttrs } from "vue";
+import { useScriptGravatar } from "../registry/gravatar";
+const props = defineProps({
+  email: { type: String, required: false },
+  hash: { type: String, required: false },
+  size: { type: Number, required: false, default: 80 },
+  default: { type: String, required: false, default: "mp" },
+  rating: { type: String, required: false, default: "g" },
+  hovercards: { type: Boolean, required: false, default: false }
+});
+const attrs = useAttrs();
+const imgSrc = ref("");
+const { onLoaded } = useScriptGravatar();
+const queryOverrides = computed(() => ({
+  size: props.size,
+  default: props.default,
+  rating: props.rating
+}));
+onMounted(() => {
+  onLoaded((api) => {
+    if (props.email) {
+      imgSrc.value = api.getAvatarUrlFromEmail(props.email, queryOverrides.value);
+    } else if (props.hash) {
+      imgSrc.value = api.getAvatarUrl(props.hash, queryOverrides.value);
+    }
+  });
+});
+</script>
+
+<template>
+  <img
+    v-if="imgSrc"
+    :src="imgSrc"
+    :width="size"
+    :height="size"
+    :class="{ hovercard: hovercards }"
+    v-bind="attrs"
+    :alt="attrs.alt || 'Gravatar avatar'"
+    loading="lazy"
+  >
+  <span
+    v-else
+    :style="{ display: 'inline-block', width: `${size}px`, height: `${size}px`, borderRadius: '50%', background: '#e0e0e0' }"
+  />
+</template>

package/dist/runtime/components/ScriptGravatar.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    /** Email address — sent to your server proxy for hashing, not sent to Gravatar */
+    email?: string;
+    /** Pre-computed SHA256 hash of the email */
+    hash?: string;
+    /** Avatar size in pixels */
+    size?: number;
+    /** Default avatar style when no Gravatar exists */
+    default?: string;
+    /** Content rating filter */
+    rating?: string;
+    /** Enable hovercards on hover */
+    hovercards?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    default: string;
+    size: number;
+    rating: string;
+    hovercards: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ScriptInstagramEmbed.d.vue.ts

@@ -12,7 +12,6 @@ type __VLS_Props = {
     captions?: boolean;
     /**
      * Custom API endpoint for fetching embed HTML
-     * @default '/api/_scripts/instagram-embed'
      */
     apiEndpoint?: string;
     /**
@@ -20,28 +19,26 @@ type __VLS_Props = {
      */
     rootAttrs?: HTMLAttributes;
 };
-declare var __VLS_1: {}, __VLS_3: {
-    error: import("nuxt/app").NuxtError<unknown> | undefined;
-}, __VLS_5: {
-    html: string;
-    shortcode: string | undefined;
-    postUrl: string;
-};
-type __VLS_Slots = {} & {
-    loading?: (props: typeof __VLS_1) => any;
-} & {
-    error?: (props: typeof __VLS_3) => any;
-} & {
-    default?: (props: typeof __VLS_5) => any;
+type __VLS_Slots = {
+    default?: (props: {
+        html: string;
+        shortcode: string | undefined;
+        postUrl: string;
+    }) => any;
+    loading?: () => any;
+    error?: (props: {
+        error: typeof error.value;
+    }) => any;
 };
+declare const error: import("vue").Ref<import("nuxt/app").NuxtError<unknown> | undefined, import("nuxt/app").NuxtError<unknown> | undefined>;
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     html: import("vue").Ref<string | undefined, string | undefined>;
     status: import("vue").Ref<import("nuxt/app").AsyncDataRequestStatus, import("nuxt/app").AsyncDataRequestStatus>;
     error: import("vue").Ref<import("nuxt/app").NuxtError<unknown> | undefined, import("nuxt/app").NuxtError<unknown> | undefined>;
     shortcode: import("vue").ComputedRef<string | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    captions: boolean;
     apiEndpoint: string;
+    captions: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/ScriptInstagramEmbed.vue

@@ -1,17 +1,23 @@
 <script setup>
-import { computed } from "vue";
 import { useAsyncData } from "nuxt/app";
+import { computed } from "vue";
 import { extractInstagramShortcode } from "../registry/instagram-embed";
+import { requireRegistryEndpoint, scriptsPrefix } from "../utils";
 const props = defineProps({
   postUrl: { type: String, required: true },
   captions: { type: Boolean, required: false, default: true },
-  apiEndpoint: { type: String, required: false, default: "/api/_scripts/instagram-embed" },
+  apiEndpoint: { type: String, required: false, default: void 0 },
   rootAttrs: { type: Object, required: false }
 });
+defineSlots();
+const prefix = scriptsPrefix();
+const apiEndpoint = computed(() => props.apiEndpoint || `${prefix}/embed/instagram`);
+if (!props.apiEndpoint)
+  requireRegistryEndpoint("ScriptInstagramEmbed", "instagramEmbed");
 const shortcode = computed(() => extractInstagramShortcode(props.postUrl));
 const { data: html, status, error } = useAsyncData(
   `instagram-embed-${props.postUrl}`,
-  () => $fetch(`${props.apiEndpoint}?url=${encodeURIComponent(props.postUrl)}&captions=${props.captions}`),
+  () => $fetch(`${apiEndpoint.value}?url=${encodeURIComponent(props.postUrl)}&captions=${props.captions}`),
   { watch: [() => props.postUrl, () => props.captions] }
 );
 defineExpose({