@nuxt/scripts 0.13.2 → 1.0.0-beta.12

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsAdvancedMarkerElement.vue

@@ -1,10 +1,6 @@
-<template>
-  <slot v-if="advancedMarkerElement" />
-</template>
-
 <script>
-import { inject, onUnmounted, provide, shallowRef } from "vue";
 import { whenever } from "@vueuse/core";
+import { inject, onUnmounted, provide, shallowRef } from "vue";
 import { MAP_INJECTION_KEY } from "./ScriptGoogleMaps.vue";
 import { MARKER_CLUSTERER_INJECTION_KEY } from "./ScriptGoogleMapsMarkerClusterer.vue";
 export const ADVANCED_MARKER_ELEMENT_INJECTION_KEY = /* @__PURE__ */ Symbol("marker");
@@ -14,6 +10,7 @@ export const ADVANCED_MARKER_ELEMENT_INJECTION_KEY = /* @__PURE__ */ Symbol("mar
 const props = defineProps({
   options: { type: Object, required: false }
 });
+const emit = defineEmits([]);
 const eventsWithoutPayload = [
   "animation_changed",
   "clickable_changed",
@@ -39,7 +36,6 @@ const eventsWithMapMouseEventPayload = [
   "mouseover",
   "mouseup"
 ];
-const emit = defineEmits([]);
 const mapContext = inject(MAP_INJECTION_KEY, void 0);
 const markerClustererContext = inject(MARKER_CLUSTERER_INJECTION_KEY, void 0);
 const advancedMarkerElement = shallowRef(void 0);
@@ -84,3 +80,7 @@ function setupAdvancedMarkerElementEventListeners(advancedMarkerElement2) {
   });
 }
 </script>
+
+<template>
+  <slot v-if="advancedMarkerElement" />
+</template>

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsCircle.vue

@@ -1,14 +1,11 @@
-<template>
-
-</template>
-
 <script setup>
-import { inject, onUnmounted } from "vue";
 import { whenever } from "@vueuse/core";
+import { inject, onUnmounted } from "vue";
 import { MAP_INJECTION_KEY } from "./ScriptGoogleMaps.vue";
 const props = defineProps({
   options: { type: Object, required: false }
 });
+const emit = defineEmits([]);
 const eventsWithoutPayload = [
   "center_changed",
   "radius_changed"
@@ -26,9 +23,8 @@ const eventsWithMapMouseEventPayload = [
   "mouseup",
   "rightclick"
 ];
-const emit = defineEmits([]);
 const mapContext = inject(MAP_INJECTION_KEY, void 0);
-let circle = void 0;
+let circle;
 whenever(() => mapContext?.map.value && mapContext.mapsApi.value, () => {
   circle = new mapContext.mapsApi.value.Circle({
     map: mapContext.map.value,
@@ -60,3 +56,7 @@ function setupCircleEventListeners(circle2) {
   });
 }
 </script>
+
+<template>
+
+</template>

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsHeatmapLayer.vue

@@ -1,16 +1,12 @@
-<template>
-
-</template>
-
 <script setup>
-import { inject, onUnmounted } from "vue";
 import { whenever } from "@vueuse/core";
+import { inject, onUnmounted } from "vue";
 import { MAP_INJECTION_KEY } from "./ScriptGoogleMaps.vue";
 const props = defineProps({
   options: { type: Object, required: false }
 });
 const mapContext = inject(MAP_INJECTION_KEY, void 0);
-let heatmapLayer = void 0;
+let heatmapLayer;
 whenever(() => mapContext?.map.value && mapContext.mapsApi.value, async () => {
   await mapContext.mapsApi.value.importLibrary("visualization");
   heatmapLayer = new mapContext.mapsApi.value.visualization.HeatmapLayer({
@@ -30,3 +26,7 @@ onUnmounted(() => {
   heatmapLayer?.setMap(null);
 });
 </script>
+
+<template>
+
+</template>

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsInfoWindow.vue

@@ -1,20 +1,13 @@
-<template>
-  <div class="info-window-container">
-    <div ref="info-window-container">
-      <slot />
-    </div>
-  </div>
-</template>
-
 <script setup>
-import { inject, onUnmounted, useTemplateRef } from "vue";
 import { whenever } from "@vueuse/core";
-import { MARKER_INJECTION_KEY } from "./ScriptGoogleMapsMarker.vue";
+import { inject, onUnmounted, useTemplateRef } from "vue";
 import { MAP_INJECTION_KEY } from "./ScriptGoogleMaps.vue";
 import { ADVANCED_MARKER_ELEMENT_INJECTION_KEY } from "./ScriptGoogleMapsAdvancedMarkerElement.vue";
+import { MARKER_INJECTION_KEY } from "./ScriptGoogleMapsMarker.vue";
 const props = defineProps({
   options: { type: null, required: false }
 });
+const emit = defineEmits([]);
 const infoWindowEvents = [
   "close",
   "closeclick",
@@ -26,12 +19,11 @@ const infoWindowEvents = [
   "visible",
   "zindex_changed"
 ];
-const emit = defineEmits([]);
 const mapContext = inject(MAP_INJECTION_KEY, void 0);
 const markerContext = inject(MARKER_INJECTION_KEY, void 0);
 const advancedMarkerElementContext = inject(ADVANCED_MARKER_ELEMENT_INJECTION_KEY, void 0);
 const infoWindowContainer = useTemplateRef("info-window-container");
-let infoWindow = void 0;
+let infoWindow;
 whenever(
   () => mapContext?.map.value && mapContext.mapsApi.value && infoWindowContainer.value,
   () => {
@@ -83,6 +75,14 @@ function setupInfoWindowEventListeners(infoWindow2) {
 }
 </script>
 
+<template>
+  <div class="info-window-container">
+    <div ref="info-window-container">
+      <slot />
+    </div>
+  </div>
+</template>
+
 <style scoped>
 .info-window-container{display:none}
 </style>

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsMarker.vue

@@ -1,10 +1,6 @@
-<template>
-  <slot v-if="marker" />
-</template>
-
 <script>
-import { inject, onUnmounted, provide, shallowRef } from "vue";
 import { whenever } from "@vueuse/core";
+import { inject, onUnmounted, provide, shallowRef } from "vue";
 import { MAP_INJECTION_KEY } from "./ScriptGoogleMaps.vue";
 import { MARKER_CLUSTERER_INJECTION_KEY } from "./ScriptGoogleMapsMarkerClusterer.vue";
 export const MARKER_INJECTION_KEY = /* @__PURE__ */ Symbol("marker");
@@ -14,6 +10,7 @@ export const MARKER_INJECTION_KEY = /* @__PURE__ */ Symbol("marker");
 const props = defineProps({
   options: { type: Object, required: false }
 });
+const emit = defineEmits([]);
 const eventsWithoutPayload = [
   "animation_changed",
   "clickable_changed",
@@ -39,7 +36,6 @@ const eventsWithMapMouseEventPayload = [
   "mouseover",
   "mouseup"
 ];
-const emit = defineEmits([]);
 const mapContext = inject(MAP_INJECTION_KEY, void 0);
 const markerClustererContext = inject(MARKER_CLUSTERER_INJECTION_KEY, void 0);
 const marker = shallowRef(void 0);
@@ -83,3 +79,7 @@ function setupMarkerEventListeners(marker2) {
   });
 }
 </script>
+
+<template>
+  <slot v-if="marker" />
+</template>

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsMarkerClusterer.d.vue.ts

@@ -1,7 +1,19 @@
-import type { MarkerClusterer, MarkerClustererOptions } from '@googlemaps/markerclusterer';
-import { type InjectionKey, type ShallowRef } from 'vue';
+import type { InjectionKey, ShallowRef } from 'vue';
+export interface MarkerClustererInstance {
+    render: () => void;
+    setMap: (map: google.maps.Map | null) => void;
+    addListener: (event: string, handler: () => void) => void;
+    addMarker: (marker: google.maps.marker.AdvancedMarkerElement | google.maps.Marker, noDraw?: boolean) => void;
+    removeMarker: (marker: google.maps.marker.AdvancedMarkerElement | google.maps.Marker, noDraw?: boolean) => boolean;
+}
+export interface MarkerClustererOptions {
+    markers?: google.maps.marker.AdvancedMarkerElement[];
+    algorithm?: unknown;
+    renderer?: unknown;
+    onClusterClick?: unknown;
+}
 export declare const MARKER_CLUSTERER_INJECTION_KEY: InjectionKey<{
-    markerClusterer: ShallowRef<MarkerClusterer | undefined>;
+    markerClusterer: ShallowRef<MarkerClustererInstance | undefined>;
     requestRerender: () => void;
 }>;
 declare const _default: typeof __VLS_export;
@@ -9,15 +21,15 @@ export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     options?: Omit<MarkerClustererOptions, "map">;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: (payload: MarkerClusterer) => any;
-    clusteringbegin: (payload: MarkerClusterer) => any;
-    clusteringend: (payload: MarkerClusterer) => any;
+    click: (payload: MarkerClustererInstance) => any;
+    clusteringbegin: (payload: MarkerClustererInstance) => any;
+    clusteringend: (payload: MarkerClustererInstance) => any;
 }, string, import("vue").PublicProps, Readonly<{
     options?: Omit<MarkerClustererOptions, "map">;
 }> & Readonly<{
-    onClick?: ((payload: MarkerClusterer) => any) | undefined;
-    onClusteringbegin?: ((payload: MarkerClusterer) => any) | undefined;
-    onClusteringend?: ((payload: MarkerClusterer) => any) | undefined;
+    onClick?: ((payload: MarkerClustererInstance) => any) | undefined;
+    onClusteringbegin?: ((payload: MarkerClustererInstance) => any) | undefined;
+    onClusteringend?: ((payload: MarkerClustererInstance) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsMarkerClusterer.vue

@@ -1,10 +1,6 @@
-<template>
-  <slot v-if="markerClusterer" />
-</template>
-
 <script>
-import { inject, onUnmounted, provide, shallowRef } from "vue";
 import { whenever } from "@vueuse/core";
+import { inject, onUnmounted, provide, shallowRef } from "vue";
 import { MAP_INJECTION_KEY } from "./ScriptGoogleMaps.vue";
 export const MARKER_CLUSTERER_INJECTION_KEY = /* @__PURE__ */ Symbol("marker-clusterer");
 </script>
@@ -13,12 +9,12 @@ export const MARKER_CLUSTERER_INJECTION_KEY = /* @__PURE__ */ Symbol("marker-clu
 const props = defineProps({
   options: { type: Object, required: false }
 });
+const emit = defineEmits([]);
 const markerClustererEvents = [
   "click",
   "clusteringbegin",
   "clusteringend"
 ];
-const emit = defineEmits([]);
 const mapContext = inject(MAP_INJECTION_KEY, void 0);
 const markerClusterer = shallowRef(void 0);
 whenever(() => mapContext?.map.value, async (map) => {
@@ -54,9 +50,13 @@ provide(
     requestRerender
   }
 );
-function setupMarkerClustererEventListeners(markerClusterer2) {
+function setupMarkerClustererEventListeners(clusterer) {
   markerClustererEvents.forEach((event) => {
-    markerClusterer2.addListener(event, () => emit(event, markerClusterer2));
+    clusterer.addListener(event, () => emit(event, clusterer));
   });
 }
 </script>
+
+<template>
+  <slot v-if="markerClusterer" />
+</template>

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsMarkerClusterer.vue.d.ts

@@ -1,7 +1,19 @@
-import type { MarkerClusterer, MarkerClustererOptions } from '@googlemaps/markerclusterer';
-import { type InjectionKey, type ShallowRef } from 'vue';
+import type { InjectionKey, ShallowRef } from 'vue';
+export interface MarkerClustererInstance {
+    render: () => void;
+    setMap: (map: google.maps.Map | null) => void;
+    addListener: (event: string, handler: () => void) => void;
+    addMarker: (marker: google.maps.marker.AdvancedMarkerElement | google.maps.Marker, noDraw?: boolean) => void;
+    removeMarker: (marker: google.maps.marker.AdvancedMarkerElement | google.maps.Marker, noDraw?: boolean) => boolean;
+}
+export interface MarkerClustererOptions {
+    markers?: google.maps.marker.AdvancedMarkerElement[];
+    algorithm?: unknown;
+    renderer?: unknown;
+    onClusterClick?: unknown;
+}
 export declare const MARKER_CLUSTERER_INJECTION_KEY: InjectionKey<{
-    markerClusterer: ShallowRef<MarkerClusterer | undefined>;
+    markerClusterer: ShallowRef<MarkerClustererInstance | undefined>;
     requestRerender: () => void;
 }>;
 declare const _default: typeof __VLS_export;
@@ -9,15 +21,15 @@ export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     options?: Omit<MarkerClustererOptions, "map">;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: (payload: MarkerClusterer) => any;
-    clusteringbegin: (payload: MarkerClusterer) => any;
-    clusteringend: (payload: MarkerClusterer) => any;
+    click: (payload: MarkerClustererInstance) => any;
+    clusteringbegin: (payload: MarkerClustererInstance) => any;
+    clusteringend: (payload: MarkerClustererInstance) => any;
 }, string, import("vue").PublicProps, Readonly<{
     options?: Omit<MarkerClustererOptions, "map">;
 }> & Readonly<{
-    onClick?: ((payload: MarkerClusterer) => any) | undefined;
-    onClusteringbegin?: ((payload: MarkerClusterer) => any) | undefined;
-    onClusteringend?: ((payload: MarkerClusterer) => any) | undefined;
+    onClick?: ((payload: MarkerClustererInstance) => any) | undefined;
+    onClusteringbegin?: ((payload: MarkerClustererInstance) => any) | undefined;
+    onClusteringend?: ((payload: MarkerClustererInstance) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsPinElement.vue

@@ -1,10 +1,6 @@
-<template>
-
-</template>
-
 <script setup>
-import { inject, shallowRef } from "vue";
 import { whenever } from "@vueuse/core";
+import { inject, onUnmounted, shallowRef } from "vue";
 import { MAP_INJECTION_KEY } from "./ScriptGoogleMaps.vue";
 import { ADVANCED_MARKER_ELEMENT_INJECTION_KEY } from "./ScriptGoogleMapsAdvancedMarkerElement.vue";
 const props = defineProps({
@@ -34,4 +30,14 @@ whenever(
     once: true
   }
 );
+onUnmounted(() => {
+  if (advancedMarkerElementContext?.advancedMarkerElement.value && pinElement.value) {
+    advancedMarkerElementContext.advancedMarkerElement.value.content = null;
+  }
+  pinElement.value = void 0;
+});
 </script>
+
+<template>
+
+</template>

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsPolygon.vue

@@ -1,14 +1,11 @@
-<template>
-
-</template>
-
 <script setup>
-import { inject, onUnmounted } from "vue";
 import { whenever } from "@vueuse/core";
+import { inject, onUnmounted } from "vue";
 import { MAP_INJECTION_KEY } from "./ScriptGoogleMaps.vue";
 const props = defineProps({
   options: { type: Object, required: false }
 });
+const emit = defineEmits([]);
 const eventsWithPolyMouseEventPayload = [
   "click",
   "contextmenu",
@@ -24,9 +21,8 @@ const eventsWithMapMouseEventPayload = [
   "dragend",
   "dragstart"
 ];
-const emit = defineEmits([]);
 const mapContext = inject(MAP_INJECTION_KEY, void 0);
-let polygon = void 0;
+let polygon;
 whenever(() => mapContext?.map.value && mapContext.mapsApi.value, () => {
   polygon = new mapContext.mapsApi.value.Polygon({
     map: mapContext.map.value,
@@ -58,3 +54,7 @@ function setupPolygonEventListeners(polygon2) {
   });
 }
 </script>
+
+<template>
+
+</template>

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsPolyline.vue

@@ -1,14 +1,11 @@
-<template>
-
-</template>
-
 <script setup>
-import { inject, onUnmounted } from "vue";
 import { whenever } from "@vueuse/core";
+import { inject, onUnmounted } from "vue";
 import { MAP_INJECTION_KEY } from "./ScriptGoogleMaps.vue";
 const props = defineProps({
   options: { type: Object, required: false }
 });
+const emit = defineEmits([]);
 const eventsWithPolyMouseEventPayload = [
   "click",
   "contextmenu",
@@ -24,9 +21,8 @@ const eventsWithMapMouseEventPayload = [
   "dragend",
   "dragstart"
 ];
-const emit = defineEmits([]);
 const mapContext = inject(MAP_INJECTION_KEY, void 0);
-let polyline = void 0;
+let polyline;
 whenever(() => mapContext?.map.value && mapContext.mapsApi.value, () => {
   polyline = new mapContext.mapsApi.value.Polyline({
     map: mapContext.map.value,
@@ -58,3 +54,7 @@ function setupPolylineEventListeners(polyline2) {
   });
 }
 </script>
+
+<template>
+
+</template>

package/dist/runtime/components/GoogleMaps/ScriptGoogleMapsRectangle.vue

@@ -1,14 +1,11 @@
-<template>
-
-</template>
-
 <script setup>
-import { inject, onUnmounted } from "vue";
 import { whenever } from "@vueuse/core";
+import { inject, onUnmounted } from "vue";
 import { MAP_INJECTION_KEY } from "./ScriptGoogleMaps.vue";
 const props = defineProps({
   options: { type: Object, required: false }
 });
+const emit = defineEmits([]);
 const eventsWithoutPayload = [
   "bounds_changed"
 ];
@@ -25,9 +22,8 @@ const eventsWithMapMouseEventPayload = [
   "mouseover",
   "mouseup"
 ];
-const emit = defineEmits([]);
 const mapContext = inject(MAP_INJECTION_KEY, void 0);
-let rectangle = void 0;
+let rectangle;
 whenever(() => mapContext?.map.value && mapContext.mapsApi.value, () => {
   rectangle = new mapContext.mapsApi.value.Rectangle({
     map: mapContext.map.value,
@@ -59,3 +55,7 @@ function setupRectangleEventListeners(rectangle2) {
   });
 }
 </script>
+
+<template>
+
+</template>

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

@@ -13,7 +13,7 @@ type __VLS_Props = {
     cookieExpiry?: number;
 };
 declare var __VLS_1: {
-    ready: any;
+    ready: boolean;
 }, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;

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({

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

@@ -13,7 +13,7 @@ type __VLS_Props = {
     cookieExpiry?: number;
 };
 declare var __VLS_1: {
-    ready: any;
+    ready: boolean;
 }, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => 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";

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

@@ -0,0 +1,53 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    /**
+     * The Instagram post URL to embed
+     * e.g., https://www.instagram.com/p/ABC123/
+     */
+    postUrl: string;
+    /**
+     * Whether to include captions in the embed
+     * @default true
+     */
+    captions?: boolean;
+    /**
+     * Custom API endpoint for fetching embed HTML
+     * @default '/api/_scripts/instagram-embed'
+     */
+    apiEndpoint?: string;
+    /**
+     * Root element attributes
+     */
+    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;
+};
+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;
+}, {}, {}, {}, 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/ScriptInstagramEmbed.vue

@@ -0,0 +1,38 @@
+<script setup>
+import { useAsyncData } from "nuxt/app";
+import { computed } from "vue";
+import { extractInstagramShortcode } from "../registry/instagram-embed";
+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" },
+  rootAttrs: { type: Object, required: false }
+});
+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}`),
+  { watch: [() => props.postUrl, () => props.captions] }
+);
+defineExpose({
+  html,
+  status,
+  error,
+  shortcode
+});
+</script>
+
+<template>
+  <div v-bind="rootAttrs">
+    <slot v-if="status === 'pending'" name="loading">
+      <div>Loading Instagram post...</div>
+    </slot>
+    <slot v-else-if="status === 'error'" name="error" :error="error">
+      <div>Failed to load Instagram post</div>
+    </slot>
+    <slot v-else-if="html" :html="html" :shortcode="shortcode" :post-url="postUrl">
+      <!-- eslint-disable-next-line vue/no-v-html -->
+      <div v-html="html" />
+    </slot>
+  </div>
+</template>

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

@@ -0,0 +1,53 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    /**
+     * The Instagram post URL to embed
+     * e.g., https://www.instagram.com/p/ABC123/
+     */
+    postUrl: string;
+    /**
+     * Whether to include captions in the embed
+     * @default true
+     */
+    captions?: boolean;
+    /**
+     * Custom API endpoint for fetching embed HTML
+     * @default '/api/_scripts/instagram-embed'
+     */
+    apiEndpoint?: string;
+    /**
+     * Root element attributes
+     */
+    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;
+};
+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;
+}, {}, {}, {}, 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/ScriptIntercom.d.vue.ts

@@ -14,7 +14,7 @@ type __VLS_Props = {
     trigger?: ElementScriptTrigger;
 };
 declare var __VLS_1: {
-    ready: any;
+    ready: boolean;
 }, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;

package/dist/runtime/components/ScriptIntercom.vue

@@ -1,7 +1,7 @@
 <script setup>
-import { ref, onMounted, watch, onBeforeUnmount, computed } from "vue";
-import { useScriptIntercom } from "../registry/intercom";
+import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { useScriptTriggerElement } from "../composables/useScriptTriggerElement";
+import { useScriptIntercom } from "../registry/intercom";
 const props = defineProps({
   appId: { type: String, required: true },
   apiBase: { type: String, required: false },
@@ -52,8 +52,9 @@ onMounted(() => {
         }
       });
       observer.observe(document.body, { childList: true, subtree: true });
-    } else if (status2 === "error")
+    } else if (status2 === "error") {
       emits("error");
+    }
   });
 });
 onBeforeUnmount(() => {