@nuxt/scripts 1.0.0-beta.1 → 1.0.0-beta.13

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

@@ -1,10 +1,6 @@
-<template>
-
-</template>
-
 <script setup>
-import { inject, onUnmounted, 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({
@@ -41,3 +37,7 @@ onUnmounted(() => {
   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.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/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.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(() => {

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

@@ -3,8 +3,8 @@ type __VLS_Props = {
     size?: number;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: number;
     color: string;
+    size: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -3,8 +3,8 @@ type __VLS_Props = {
     size?: number;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: number;
     color: string;
+    size: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,6 +1,6 @@
-import { type HTMLAttributes, type ReservedProps } from 'vue';
-import type { OnApproveActions, OnApproveData, OnCancelledActions, OnClickActions, OnShippingAddressChangeActions, OnShippingAddressChangeData, OnShippingOptionsChangeActions, OnShippingOptionsChangeData, PayPalButtonsComponentOptions, OnInitActions } from '@paypal/paypal-js';
 import type { ElementScriptTrigger } from '#nuxt-scripts/types';
+import type { OnApproveActions, OnApproveData, OnCancelledActions, OnClickActions, OnInitActions, OnShippingAddressChangeActions, OnShippingAddressChangeData, OnShippingOptionsChangeActions, OnShippingOptionsChangeData, PayPalButtonsComponentOptions } from '@paypal/paypal-js';
+import type { HTMLAttributes, ReservedProps } from 'vue';
 import type { PayPalInput } from '../registry/paypal.js';
 type __VLS_Props = {
     /**

package/dist/runtime/components/ScriptPayPalButtons.vue

@@ -1,11 +1,8 @@
 <script setup>
-import { computed, onMounted, ref, shallowRef, watch } from "vue";
 import { defu } from "defu";
-import { useScriptPayPal } from "../registry/paypal";
+import { computed, onBeforeUnmount, onMounted, ref, resolveComponent, shallowRef, watch } from "vue";
 import { useScriptTriggerElement } from "../composables/useScriptTriggerElement";
-import { onBeforeUnmount, resolveComponent } from "vue";
-const el = ref(null);
-const rootEl = ref(null);
+import { useScriptPayPal } from "../registry/paypal";
 const props = defineProps({
   rootAttrs: { type: Object, required: false },
   trigger: { type: [String, Array, Boolean], required: false, default: "visible" },
@@ -14,21 +11,24 @@ const props = defineProps({
   paypalScriptOptions: { type: Object, required: false, default: () => ({}) },
   disabled: { type: Boolean, required: false, default: false }
 });
+const emit = defineEmits(["approve", "error", "cancel", "clickButtons", "shippingOptionsChange", "shippingAddressChange", "init"]);
+const el = ref(null);
+const rootEl = ref(null);
 const ready = ref(false);
 const { onLoaded, status } = useScriptPayPal({
   clientId: props.clientId,
   ...props.paypalScriptOptions
 });
-const emit = defineEmits(["approve", "error", "cancel", "clickButtons", "shippingOptionsChange", "shippingAddressChange", "init"]);
 const initActions = shallowRef(null);
-const handleDisabled = () => {
-  if (!initActions.value) return;
+function handleDisabled() {
+  if (!initActions.value)
+    return;
   if (props.disabled) {
     initActions.value.disable();
   } else {
     initActions.value.enable();
   }
-};
+}
 const options = computed(() => {
   const _options = {
     onApprove: async (data, actions) => {
@@ -69,12 +69,14 @@ watch(() => props.disabled, handleDisabled);
 const buttonInst = shallowRef();
 onMounted(() => {
   onLoaded(async ({ paypal }) => {
-    if (!el.value) return;
+    if (!el.value)
+      return;
     buttonInst.value = paypal?.Buttons?.(options.value);
     await buttonInst.value?.render(el.value);
     ready.value = true;
     watch(() => options.value, async (_options) => {
-      if (!el.value) return;
+      if (!el.value)
+        return;
       await buttonInst.value?.updateProps(_options);
     });
   });

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

@@ -1,6 +1,6 @@
-import { type HTMLAttributes, type ReservedProps } from 'vue';
-import type { OnApproveActions, OnApproveData, OnCancelledActions, OnClickActions, OnShippingAddressChangeActions, OnShippingAddressChangeData, OnShippingOptionsChangeActions, OnShippingOptionsChangeData, PayPalButtonsComponentOptions, OnInitActions } from '@paypal/paypal-js';
 import type { ElementScriptTrigger } from '#nuxt-scripts/types';
+import type { OnApproveActions, OnApproveData, OnCancelledActions, OnClickActions, OnInitActions, OnShippingAddressChangeActions, OnShippingAddressChangeData, OnShippingOptionsChangeActions, OnShippingOptionsChangeData, PayPalButtonsComponentOptions } from '@paypal/paypal-js';
+import type { HTMLAttributes, ReservedProps } from 'vue';
 import type { PayPalInput } from '../registry/paypal.js';
 type __VLS_Props = {
     /**

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

@@ -1,6 +1,6 @@
-import { type HTMLAttributes, type ReservedProps } from 'vue';
-import type { PayPalMarksComponentOptions } from '@paypal/paypal-js';
 import type { ElementScriptTrigger } from '#nuxt-scripts/types';
+import type { PayPalMarksComponentOptions } from '@paypal/paypal-js';
+import type { HTMLAttributes, ReservedProps } from 'vue';
 import type { PayPalInput } from '../registry/paypal.js';
 type __VLS_Props = {
     /**

package/dist/runtime/components/ScriptPayPalMarks.vue

@@ -1,11 +1,8 @@
 <script setup>
-import { computed, onMounted, ref, shallowRef, watch } from "vue";
 import { defu } from "defu";
-import { useScriptPayPal } from "../registry/paypal";
+import { computed, onBeforeUnmount, onMounted, ref, resolveComponent, shallowRef, watch } from "vue";
 import { useScriptTriggerElement } from "../composables/useScriptTriggerElement";
-import { onBeforeUnmount, resolveComponent } from "vue";
-const el = ref(null);
-const rootEl = ref(null);
+import { useScriptPayPal } from "../registry/paypal";
 const props = defineProps({
   rootAttrs: { type: Object, required: false },
   trigger: { type: [String, Array, Boolean], required: false, default: "visible" },
@@ -13,6 +10,8 @@ const props = defineProps({
   marksOptions: { type: Object, required: false, default: () => ({}) },
   paypalScriptOptions: { type: Object, required: false, default: () => ({}) }
 });
+const el = ref(null);
+const rootEl = ref(null);
 const ready = ref(false);
 const { onLoaded, status } = useScriptPayPal({
   clientId: props.clientId,
@@ -21,12 +20,14 @@ const { onLoaded, status } = useScriptPayPal({
 const marksInst = shallowRef();
 onMounted(() => {
   onLoaded(async ({ paypal }) => {
-    if (!el.value) return;
+    if (!el.value)
+      return;
     marksInst.value = paypal?.Marks?.(props.marksOptions);
     await marksInst.value?.render(el.value);
     ready.value = true;
     watch(() => props.marksOptions, async (_options) => {
-      if (!el.value) return;
+      if (!el.value)
+        return;
       destroy();
       marksInst.value = paypal?.Marks?.(_options);
       await marksInst.value?.render(el.value);
@@ -34,7 +35,8 @@ onMounted(() => {
   });
 });
 function destroy() {
-  if (!el.value) return;
+  if (!el.value)
+    return;
   el.value?.replaceChildren();
 }
 onBeforeUnmount(() => {

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

@@ -1,6 +1,6 @@
-import { type HTMLAttributes, type ReservedProps } from 'vue';
-import type { PayPalMarksComponentOptions } from '@paypal/paypal-js';
 import type { ElementScriptTrigger } from '#nuxt-scripts/types';
+import type { PayPalMarksComponentOptions } from '@paypal/paypal-js';
+import type { HTMLAttributes, ReservedProps } from 'vue';
 import type { PayPalInput } from '../registry/paypal.js';
 type __VLS_Props = {
     /**

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

@@ -1,6 +1,6 @@
-import { type HTMLAttributes, type ReservedProps } from 'vue';
-import type { PayPalMessagesComponentOptions } from '@paypal/paypal-js';
 import type { ElementScriptTrigger } from '#nuxt-scripts/types';
+import type { PayPalMessagesComponentOptions } from '@paypal/paypal-js';
+import type { HTMLAttributes, ReservedProps } from 'vue';
 import type { PayPalInput } from '../registry/paypal.js';
 type __VLS_Props = {
     /**

package/dist/runtime/components/ScriptPayPalMessages.vue

@@ -1,11 +1,8 @@
 <script setup>
-import { computed, onMounted, ref, shallowRef, watch } from "vue";
 import { defu } from "defu";
-import { useScriptPayPal } from "../registry/paypal";
+import { computed, onBeforeUnmount, onMounted, ref, resolveComponent, shallowRef, watch } from "vue";
 import { useScriptTriggerElement } from "../composables/useScriptTriggerElement";
-import { onBeforeUnmount, resolveComponent } from "vue";
-const el = ref(null);
-const rootEl = ref(null);
+import { useScriptPayPal } from "../registry/paypal";
 const props = defineProps({
   rootAttrs: { type: Object, required: false },
   trigger: { type: [String, Array, Boolean], required: false, default: "visible" },
@@ -15,6 +12,9 @@ const props = defineProps({
   partnerAttributionId: { type: String, required: false },
   paypalScriptOptions: { type: Object, required: false, default: () => ({}) }
 });
+const emit = defineEmits(["apply", "clickMessages", "render"]);
+const el = ref(null);
+const rootEl = ref(null);
 const ready = ref(false);
 const { onLoaded, status } = useScriptPayPal({
   clientId: props.clientId,
@@ -22,7 +22,6 @@ const { onLoaded, status } = useScriptPayPal({
   partnerAttributionId: props.partnerAttributionId,
   ...props.paypalScriptOptions
 });
-const emit = defineEmits(["apply", "clickMessages", "render"]);
 const options = computed(() => {
   const _options = {
     onApply: (data) => {
@@ -43,19 +42,22 @@ const options = computed(() => {
 const messageInst = shallowRef();
 onMounted(() => {
   onLoaded(async ({ paypal }) => {
-    if (!el.value) return;
+    if (!el.value)
+      return;
     messageInst.value = paypal?.Messages?.(options.value);
     await messageInst.value?.render(el.value);
     ready.value = true;
     watch(() => options.value, async (_options) => {
-      if (!el.value) return;
+      if (!el.value)
+        return;
       messageInst.value = paypal?.Messages?.(_options);
       await messageInst.value?.render(el.value);
     });
   });
 });
 function destroy() {
-  if (!el.value) return;
+  if (!el.value)
+    return;
   el.value?.replaceChildren();
 }
 onBeforeUnmount(() => {

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

@@ -1,6 +1,6 @@
-import { type HTMLAttributes, type ReservedProps } from 'vue';
-import type { PayPalMessagesComponentOptions } from '@paypal/paypal-js';
 import type { ElementScriptTrigger } from '#nuxt-scripts/types';
+import type { PayPalMessagesComponentOptions } from '@paypal/paypal-js';
+import type { HTMLAttributes, ReservedProps } from 'vue';
 import type { PayPalInput } from '../registry/paypal.js';
 type __VLS_Props = {
     /**

package/dist/runtime/components/ScriptStripePricingTable.vue

@@ -1,7 +1,7 @@
 <script setup>
-import { ref, computed, onBeforeUnmount, onMounted, watch } from "vue";
-import { useScriptTriggerElement } from "../composables/useScriptTriggerElement";
+import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { useScript } from "../composables/useScript";
+import { useScriptTriggerElement } from "../composables/useScriptTriggerElement";
 const props = defineProps({
   trigger: { type: [String, Array, Boolean], required: false, default: "visible" },
   publishableKey: { type: String, required: true },

package/dist/runtime/components/ScriptVimeoPlayer.vue

@@ -1,7 +1,7 @@
 <script setup>
-import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { defu } from "defu";
 import { useAsyncData, useHead } from "nuxt/app";
+import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { useScriptTriggerElement } from "../composables/useScriptTriggerElement";
 import { useScriptVimeoPlayer } from "../registry/vimeo-player";
 import ScriptAriaLoadingIndicator from "./ScriptAriaLoadingIndicator.vue";

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

@@ -0,0 +1,82 @@
+import type { HTMLAttributes } from 'vue';
+import type { XEmbedTweetData } from '../registry/x-embed.js';
+type __VLS_Props = {
+    /**
+     * The tweet ID to embed
+     */
+    tweetId: string;
+    /**
+     * Custom API endpoint for fetching tweet data
+     * @default '/_scripts/x-embed'
+     */
+    apiEndpoint?: string;
+    /**
+     * Custom image proxy endpoint
+     * @default '/_scripts/x-embed-image'
+     */
+    imageProxyEndpoint?: string;
+    /**
+     * Root element attributes
+     */
+    rootAttrs?: HTMLAttributes;
+};
+declare var __VLS_1: {}, __VLS_3: {
+    error: import("nuxt/app").NuxtError<unknown> | undefined;
+}, __VLS_5: {
+    tweet: XEmbedTweetData;
+    userName: string;
+    userHandle: string;
+    userAvatar: string;
+    userAvatarOriginal: string;
+    isVerified: boolean | undefined;
+    text: string;
+    datetime: string;
+    createdAt: Date;
+    likes: number;
+    likesFormatted: string;
+    replies: number;
+    repliesFormatted: string;
+    photos: {
+        proxiedUrl: string;
+        url: string;
+        width: number;
+        height: number;
+    }[] | undefined;
+    video: {
+        posterProxied: string;
+        poster: string;
+        variants: Array<{
+            type: string;
+            src: string;
+        }>;
+    } | null;
+    tweetUrl: string;
+    userUrl: string;
+    quotedTweet: XEmbedTweetData | undefined;
+    isReply: boolean;
+    replyToUser: string | undefined;
+    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;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    tweet: import("vue").Ref<XEmbedTweetData | undefined, XEmbedTweetData | 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;
+    };
+};