@nuxt/scripts 1.0.0-rc.1 → 1.0.0-rc.11

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

@@ -19,14 +19,19 @@ type __VLS_Props = {
      */
     rootAttrs?: HTMLAttributes;
 };
-declare var __VLS_1: {}, __VLS_3: {
-    error: import("nuxt/app").NuxtError<unknown> | undefined;
-}, __VLS_5: {
+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;
@@ -59,14 +64,7 @@ declare var __VLS_1: {}, __VLS_3: {
     postUrl: string;
     authorUrl: string;
     proxyImage: (url: string) => string;
-};
-type __VLS_Slots = {} & {
-    loading?: (props: typeof __VLS_1) => any;
-} & {
-    error?: (props: typeof __VLS_3) => any;
-} & {
-    default?: (props: typeof __VLS_5) => any;
-};
+} | 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>;

package/dist/runtime/components/ScriptBlueskyEmbed.vue

@@ -1,7 +1,8 @@
 <script setup>
 import { useAsyncData } from "nuxt/app";
 import { computed } from "vue";
-import { extractBlueskyPostId, facetsToHtml, formatBlueskyDate, formatCount, proxyBlueskyImageUrl } from "../registry/bluesky-embed";
+import { useScriptProxyUrl } from "../composables/useScriptProxyUrl";
+import { extractBlueskyPostId, facetsToHtml, formatBlueskyDate, formatCount } from "../registry/bluesky-embed";
 import { requireRegistryEndpoint, scriptsPrefix } from "../utils";
 const props = defineProps({
   postUrl: { type: String, required: true },
@@ -9,16 +10,18 @@ const props = defineProps({
   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 proxyUrl = useScriptProxyUrl();
 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)}`)
+  () => $fetch(proxyUrl(resolvedApiEndpoint.value, { url: props.postUrl }))
 );
 const slotProps = computed(() => {
   if (!post.value)
@@ -30,8 +33,7 @@ const slotProps = computed(() => {
     // Author info
     displayName: p.author.displayName,
     handle: p.author.handle,
-    avatar: proxyBlueskyImageUrl(p.author.avatar, resolvedImageProxyEndpoint.value),
-    avatarOriginal: p.author.avatar,
+    avatar: p.author.avatar,
     isVerified: p.author.verification?.verifiedStatus === "valid",
     // Post content
     text: p.record.text,
@@ -48,10 +50,10 @@ const slotProps = computed(() => {
     repliesFormatted: formatCount(p.replyCount),
     quotes: p.quoteCount,
     quotesFormatted: formatCount(p.quoteCount),
-    // Media
+    // Media (already proxied)
     images: p.embed?.images?.map((img) => ({
-      thumb: proxyBlueskyImageUrl(img.thumb, resolvedImageProxyEndpoint.value),
-      fullsize: proxyBlueskyImageUrl(img.fullsize, resolvedImageProxyEndpoint.value),
+      thumb: img.thumb,
+      fullsize: img.fullsize,
       alt: img.alt,
       aspectRatio: img.aspectRatio
     })),
@@ -59,13 +61,14 @@ const slotProps = computed(() => {
       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
+      thumb: p.embed.external.thumb
     } : void 0,
     // Links
     postUrl: props.postUrl,
     authorUrl: `https://bsky.app/profile/${p.author.handle}`,
-    // Helpers
-    proxyImage: (url) => proxyBlueskyImageUrl(url, resolvedImageProxyEndpoint.value)
+    // Helpers — proxy an arbitrary URL through the image endpoint at runtime.
+    // Uses the page token emitted during SSR so client-generated URLs validate.
+    proxyImage: (url) => proxyUrl(resolvedImageProxyEndpoint.value, { url })
   };
 });
 defineExpose({

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

@@ -19,14 +19,19 @@ type __VLS_Props = {
      */
     rootAttrs?: HTMLAttributes;
 };
-declare var __VLS_1: {}, __VLS_3: {
-    error: import("nuxt/app").NuxtError<unknown> | undefined;
-}, __VLS_5: {
+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;
@@ -59,14 +64,7 @@ declare var __VLS_1: {}, __VLS_3: {
     postUrl: string;
     authorUrl: string;
     proxyImage: (url: string) => string;
-};
-type __VLS_Slots = {} & {
-    loading?: (props: typeof __VLS_1) => any;
-} & {
-    error?: (props: typeof __VLS_3) => any;
-} & {
-    default?: (props: typeof __VLS_5) => any;
-};
+} | 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>;

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

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

@@ -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/ScriptInstagramEmbed.d.vue.ts

@@ -19,20 +19,18 @@ 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>;

package/dist/runtime/components/ScriptInstagramEmbed.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { useAsyncData } from "nuxt/app";
 import { computed } from "vue";
+import { useScriptProxyUrl } from "../composables/useScriptProxyUrl";
 import { extractInstagramShortcode } from "../registry/instagram-embed";
 import { requireRegistryEndpoint, scriptsPrefix } from "../utils";
 const props = defineProps({
@@ -9,14 +10,16 @@ const props = defineProps({
   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 proxyUrl = useScriptProxyUrl();
 const shortcode = computed(() => extractInstagramShortcode(props.postUrl));
 const { data: html, status, error } = useAsyncData(
   `instagram-embed-${props.postUrl}`,
-  () => $fetch(`${apiEndpoint.value}?url=${encodeURIComponent(props.postUrl)}&captions=${props.captions}`),
+  () => $fetch(proxyUrl(apiEndpoint.value, { url: props.postUrl, captions: props.captions })),
   { watch: [() => props.postUrl, () => props.captions] }
 );
 defineExpose({

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

@@ -19,20 +19,18 @@ 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>;

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

@@ -13,17 +13,13 @@ type __VLS_Props = {
      */
     trigger?: ElementScriptTrigger;
 };
-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, {
     intercom: import("#nuxt-scripts/types").UseScriptContext<import("../registry/intercom.js").IntercomApi>;

package/dist/runtime/components/ScriptIntercom.vue

@@ -14,6 +14,7 @@ const props = defineProps({
   trigger: { type: [String, Array, Boolean], required: false, default: "click" }
 });
 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/ScriptIntercom.vue.d.ts

@@ -13,17 +13,13 @@ type __VLS_Props = {
      */
     trigger?: ElementScriptTrigger;
 };
-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, {
     intercom: import("#nuxt-scripts/types").UseScriptContext<import("../registry/intercom.js").IntercomApi>;

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

@@ -2,9 +2,8 @@ import type { ElementScriptTrigger } from '../types.js';
 type __VLS_Props = {
     trigger?: ElementScriptTrigger;
 };
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+type __VLS_Slots = {
+    default?: () => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     ready: (args_0: import("../types.js").UseScriptContext<import("../registry/lemon-squeezy.js").LemonSqueezyApi>) => any;

package/dist/runtime/components/ScriptLemonSqueezy.vue

@@ -6,6 +6,7 @@ const props = defineProps({
   trigger: { type: [String, Array, Boolean], required: false, default: "visible" }
 });
 const emits = defineEmits(["ready", "lemonSqueezyEvent"]);
+defineSlots();
 const rootEl = ref(null);
 const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl });
 const instance = useScriptLemonSqueezy({

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

@@ -2,9 +2,8 @@ import type { ElementScriptTrigger } from '../types.js';
 type __VLS_Props = {
     trigger?: ElementScriptTrigger;
 };
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+type __VLS_Slots = {
+    default?: () => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     ready: (args_0: import("../types.js").UseScriptContext<import("../registry/lemon-squeezy.js").LemonSqueezyApi>) => any;

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

@@ -45,19 +45,14 @@ type __VLS_Props = {
      */
     paypalScriptOptions?: Partial<PayPalInput>;
 };
-declare var __VLS_1: {
-    sdkInstance: SdkInstance<Components[]> | undefined;
-}, __VLS_3: {}, __VLS_5: {}, __VLS_12: {}, __VLS_14: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-} & {
-    placeholder?: (props: typeof __VLS_3) => any;
-} & {
-    loading?: (props: typeof __VLS_5) => any;
-} & {
-    awaitingLoad?: (props: typeof __VLS_12) => any;
-} & {
-    error?: (props: typeof __VLS_14) => any;
+type __VLS_Slots = {
+    default?: (props: {
+        sdkInstance: SdkInstance<Components[]> | undefined;
+    }) => any;
+    placeholder?: () => any;
+    loading?: () => any;
+    awaitingLoad?: () => any;
+    error?: () => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     /** The PayPal SDK v6 instance for creating payment sessions, checking eligibility, etc. */

package/dist/runtime/components/ScriptPayPalButtons.vue

@@ -16,6 +16,7 @@ const props = defineProps({
   paypalScriptOptions: { type: Object, required: false, default: () => ({}) }
 });
 const emit = defineEmits(["ready", "error"]);
+defineSlots();
 const el = ref(null);
 const rootEl = ref(null);
 const ready = ref(false);

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

@@ -45,19 +45,14 @@ type __VLS_Props = {
      */
     paypalScriptOptions?: Partial<PayPalInput>;
 };
-declare var __VLS_1: {
-    sdkInstance: SdkInstance<Components[]> | undefined;
-}, __VLS_3: {}, __VLS_5: {}, __VLS_12: {}, __VLS_14: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-} & {
-    placeholder?: (props: typeof __VLS_3) => any;
-} & {
-    loading?: (props: typeof __VLS_5) => any;
-} & {
-    awaitingLoad?: (props: typeof __VLS_12) => any;
-} & {
-    error?: (props: typeof __VLS_14) => any;
+type __VLS_Slots = {
+    default?: (props: {
+        sdkInstance: SdkInstance<Components[]> | undefined;
+    }) => any;
+    placeholder?: () => any;
+    loading?: () => any;
+    awaitingLoad?: () => any;
+    error?: () => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     /** The PayPal SDK v6 instance for creating payment sessions, checking eligibility, etc. */

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

@@ -44,19 +44,14 @@ type __VLS_Props = {
      */
     paypalScriptOptions?: Partial<PayPalInput>;
 };
-declare var __VLS_1: {
-    messagesSession: PayPalMessagesSession | undefined;
-}, __VLS_3: {}, __VLS_5: {}, __VLS_12: {}, __VLS_14: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-} & {
-    placeholder?: (props: typeof __VLS_3) => any;
-} & {
-    loading?: (props: typeof __VLS_5) => any;
-} & {
-    awaitingLoad?: (props: typeof __VLS_12) => any;
-} & {
-    error?: (props: typeof __VLS_14) => any;
+type __VLS_Slots = {
+    default?: (props: {
+        messagesSession: PayPalMessagesSession | undefined;
+    }) => any;
+    placeholder?: () => any;
+    loading?: () => any;
+    awaitingLoad?: () => any;
+    error?: () => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     messagesSession: import("vue").ShallowRef<PayPalMessagesSession | undefined, PayPalMessagesSession | undefined>;

package/dist/runtime/components/ScriptPayPalMessages.vue

@@ -16,6 +16,7 @@ const props = defineProps({
   paypalScriptOptions: { type: Object, required: false, default: () => ({}) }
 });
 const emit = defineEmits(["ready", "error"]);
+defineSlots();
 const el = ref(null);
 const rootEl = ref(null);
 const ready = ref(false);

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

@@ -44,19 +44,14 @@ type __VLS_Props = {
      */
     paypalScriptOptions?: Partial<PayPalInput>;
 };
-declare var __VLS_1: {
-    messagesSession: PayPalMessagesSession | undefined;
-}, __VLS_3: {}, __VLS_5: {}, __VLS_12: {}, __VLS_14: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-} & {
-    placeholder?: (props: typeof __VLS_3) => any;
-} & {
-    loading?: (props: typeof __VLS_5) => any;
-} & {
-    awaitingLoad?: (props: typeof __VLS_12) => any;
-} & {
-    error?: (props: typeof __VLS_14) => any;
+type __VLS_Slots = {
+    default?: (props: {
+        messagesSession: PayPalMessagesSession | undefined;
+    }) => any;
+    placeholder?: () => any;
+    loading?: () => any;
+    awaitingLoad?: () => any;
+    error?: () => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     messagesSession: import("vue").ShallowRef<PayPalMessagesSession | undefined, PayPalMessagesSession | undefined>;