@nuxt/scripts 1.0.0-beta.20 → 1.0.0-beta.22

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

@@ -107,7 +107,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     readonly googleMaps: Ref<typeof google.maps | undefined, typeof google.maps | undefined>;
     readonly map: ShallowRef<google.maps.Map | undefined>;
     readonly createAdvancedMapMarker: (_options?: google.maps.marker.AdvancedMarkerElementOptions | `${string},${string}`) => Promise<google.maps.marker.AdvancedMarkerElement | undefined>;
-    readonly resolveQueryToLatLang: (query: string) => Promise<google.maps.LatLng | undefined>;
+    readonly resolveQueryToLatLang: (query: string) => Promise<google.maps.LatLng | google.maps.LatLngLiteral | undefined>;
     readonly importLibrary: {
         (key: "marker"): Promise<google.maps.MarkerLibrary>;
         (key: "places"): Promise<google.maps.PlacesLibrary>;
@@ -122,7 +122,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
         readonly googleMaps: Ref<typeof google.maps | undefined, typeof google.maps | undefined>;
         readonly map: ShallowRef<google.maps.Map | undefined>;
         readonly createAdvancedMapMarker: (_options?: google.maps.marker.AdvancedMarkerElementOptions | `${string},${string}`) => Promise<google.maps.marker.AdvancedMarkerElement | undefined>;
-        readonly resolveQueryToLatLang: (query: string) => Promise<google.maps.LatLng | undefined>;
+        readonly resolveQueryToLatLang: (query: string) => Promise<google.maps.LatLng | google.maps.LatLngLiteral | undefined>;
         readonly importLibrary: {
             (key: "marker"): Promise<google.maps.MarkerLibrary>;
             (key: "places"): Promise<google.maps.PlacesLibrary>;
@@ -216,7 +216,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
         readonly googleMaps: Ref<typeof google.maps | undefined, typeof google.maps | undefined>;
         readonly map: ShallowRef<google.maps.Map | undefined>;
         readonly createAdvancedMapMarker: (_options?: google.maps.marker.AdvancedMarkerElementOptions | `${string},${string}`) => Promise<google.maps.marker.AdvancedMarkerElement | undefined>;
-        readonly resolveQueryToLatLang: (query: string) => Promise<google.maps.LatLng | undefined>;
+        readonly resolveQueryToLatLang: (query: string) => Promise<google.maps.LatLng | google.maps.LatLngLiteral | undefined>;
         readonly importLibrary: {
             (key: "marker"): Promise<google.maps.MarkerLibrary>;
             (key: "places"): Promise<google.maps.PlacesLibrary>;

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

@@ -127,6 +127,19 @@ async function resolveQueryToLatLang(query) {
   if (queryToLatLngCache.has(query)) {
     return Promise.resolve(queryToLatLngCache.get(query));
   }
+  const endpoints = runtimeConfig.public["nuxt-scripts"]?.endpoints;
+  if (endpoints?.googleMaps) {
+    const data = await $fetch("/_scripts/proxy/google-maps-geocode", {
+      params: { address: query }
+    });
+    if (data.status === "OK" && data.results?.[0]?.geometry?.location) {
+      const loc = data.results[0].geometry.location;
+      const latLng = { lat: loc.lat, lng: loc.lng };
+      queryToLatLngCache.set(query, latLng);
+      return latLng;
+    }
+    throw new Error(`No location found for ${query}`);
+  }
   return new Promise(async (resolve, reject) => {
     if (!mapsApi.value) {
       await load();
@@ -321,7 +334,7 @@ const placeholder = computed(() => {
       return m;
     }).join("|")
   });
-  const baseUrl = proxyConfig?.enabled ? "/_scripts/google-static-maps-proxy" : "https://maps.googleapis.com/maps/api/staticmap";
+  const baseUrl = proxyConfig?.enabled ? "/_scripts/proxy/google-static-maps" : "https://maps.googleapis.com/maps/api/staticmap";
   return withQuery(baseUrl, placeholderOptions);
 });
 const placeholderAttrs = computed(() => {

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

@@ -107,7 +107,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     readonly googleMaps: Ref<typeof google.maps | undefined, typeof google.maps | undefined>;
     readonly map: ShallowRef<google.maps.Map | undefined>;
     readonly createAdvancedMapMarker: (_options?: google.maps.marker.AdvancedMarkerElementOptions | `${string},${string}`) => Promise<google.maps.marker.AdvancedMarkerElement | undefined>;
-    readonly resolveQueryToLatLang: (query: string) => Promise<google.maps.LatLng | undefined>;
+    readonly resolveQueryToLatLang: (query: string) => Promise<google.maps.LatLng | google.maps.LatLngLiteral | undefined>;
     readonly importLibrary: {
         (key: "marker"): Promise<google.maps.MarkerLibrary>;
         (key: "places"): Promise<google.maps.PlacesLibrary>;
@@ -122,7 +122,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
         readonly googleMaps: Ref<typeof google.maps | undefined, typeof google.maps | undefined>;
         readonly map: ShallowRef<google.maps.Map | undefined>;
         readonly createAdvancedMapMarker: (_options?: google.maps.marker.AdvancedMarkerElementOptions | `${string},${string}`) => Promise<google.maps.marker.AdvancedMarkerElement | undefined>;
-        readonly resolveQueryToLatLang: (query: string) => Promise<google.maps.LatLng | undefined>;
+        readonly resolveQueryToLatLang: (query: string) => Promise<google.maps.LatLng | google.maps.LatLngLiteral | undefined>;
         readonly importLibrary: {
             (key: "marker"): Promise<google.maps.MarkerLibrary>;
             (key: "places"): Promise<google.maps.PlacesLibrary>;
@@ -216,7 +216,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
         readonly googleMaps: Ref<typeof google.maps | undefined, typeof google.maps | undefined>;
         readonly map: ShallowRef<google.maps.Map | undefined>;
         readonly createAdvancedMapMarker: (_options?: google.maps.marker.AdvancedMarkerElementOptions | `${string},${string}`) => Promise<google.maps.marker.AdvancedMarkerElement | undefined>;
-        readonly resolveQueryToLatLang: (query: string) => Promise<google.maps.LatLng | undefined>;
+        readonly resolveQueryToLatLang: (query: string) => Promise<google.maps.LatLng | google.maps.LatLngLiteral | undefined>;
         readonly importLibrary: {
             (key: "marker"): Promise<google.maps.MarkerLibrary>;
             (key: "places"): Promise<google.maps.PlacesLibrary>;

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

@@ -7,8 +7,8 @@ export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     options?: Omit<google.maps.marker.AdvancedMarkerElementOptions, "map">;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: (payload: google.maps.MapMouseEvent) => any;
     contextmenu: (payload: google.maps.MapMouseEvent) => any;
+    click: (payload: google.maps.MapMouseEvent) => any;
     dblclick: (payload: google.maps.MapMouseEvent) => any;
     drag: (payload: google.maps.MapMouseEvent) => any;
     dragend: (payload: google.maps.MapMouseEvent) => any;
@@ -31,8 +31,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
 }, string, import("vue").PublicProps, Readonly<{
     options?: Omit<google.maps.marker.AdvancedMarkerElementOptions, "map">;
 }> & Readonly<{
-    onClick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onContextmenu?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
+    onClick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDblclick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDrag?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDragend?: ((payload: google.maps.MapMouseEvent) => any) | undefined;

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

@@ -7,8 +7,8 @@ export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     options?: Omit<google.maps.marker.AdvancedMarkerElementOptions, "map">;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: (payload: google.maps.MapMouseEvent) => any;
     contextmenu: (payload: google.maps.MapMouseEvent) => any;
+    click: (payload: google.maps.MapMouseEvent) => any;
     dblclick: (payload: google.maps.MapMouseEvent) => any;
     drag: (payload: google.maps.MapMouseEvent) => any;
     dragend: (payload: google.maps.MapMouseEvent) => any;
@@ -31,8 +31,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
 }, string, import("vue").PublicProps, Readonly<{
     options?: Omit<google.maps.marker.AdvancedMarkerElementOptions, "map">;
 }> & Readonly<{
-    onClick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onContextmenu?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
+    onClick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDblclick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDrag?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDragend?: ((payload: google.maps.MapMouseEvent) => any) | undefined;

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

@@ -7,8 +7,8 @@ export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     options?: Omit<google.maps.MarkerOptions, "map">;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: (payload: google.maps.MapMouseEvent) => any;
     contextmenu: (payload: google.maps.MapMouseEvent) => any;
+    click: (payload: google.maps.MapMouseEvent) => any;
     dblclick: (payload: google.maps.MapMouseEvent) => any;
     drag: (payload: google.maps.MapMouseEvent) => any;
     dragend: (payload: google.maps.MapMouseEvent) => any;
@@ -31,8 +31,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
 }, string, import("vue").PublicProps, Readonly<{
     options?: Omit<google.maps.MarkerOptions, "map">;
 }> & Readonly<{
-    onClick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onContextmenu?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
+    onClick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDblclick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDrag?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDragend?: ((payload: google.maps.MapMouseEvent) => any) | undefined;

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

@@ -7,8 +7,8 @@ export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     options?: Omit<google.maps.MarkerOptions, "map">;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: (payload: google.maps.MapMouseEvent) => any;
     contextmenu: (payload: google.maps.MapMouseEvent) => any;
+    click: (payload: google.maps.MapMouseEvent) => any;
     dblclick: (payload: google.maps.MapMouseEvent) => any;
     drag: (payload: google.maps.MapMouseEvent) => any;
     dragend: (payload: google.maps.MapMouseEvent) => any;
@@ -31,8 +31,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
 }, string, import("vue").PublicProps, Readonly<{
     options?: Omit<google.maps.MarkerOptions, "map">;
 }> & Readonly<{
-    onClick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onContextmenu?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
+    onClick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDblclick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDrag?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDragend?: ((payload: google.maps.MapMouseEvent) => any) | undefined;

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

@@ -2,8 +2,8 @@ type __VLS_Props = {
     options?: Omit<google.maps.PolygonOptions, 'map'>;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: (payload: google.maps.PolyMouseEvent) => any;
     contextmenu: (payload: google.maps.PolyMouseEvent) => any;
+    click: (payload: google.maps.PolyMouseEvent) => any;
     dblclick: (payload: google.maps.PolyMouseEvent) => any;
     drag: (payload: google.maps.MapMouseEvent) => any;
     dragend: (payload: google.maps.MapMouseEvent) => any;
@@ -14,8 +14,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     mouseover: (payload: google.maps.PolyMouseEvent) => any;
     mouseup: (payload: google.maps.PolyMouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
     onContextmenu?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onClick?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
     onDblclick?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
     onDrag?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDragend?: ((payload: google.maps.MapMouseEvent) => any) | undefined;

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

@@ -2,8 +2,8 @@ type __VLS_Props = {
     options?: Omit<google.maps.PolygonOptions, 'map'>;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: (payload: google.maps.PolyMouseEvent) => any;
     contextmenu: (payload: google.maps.PolyMouseEvent) => any;
+    click: (payload: google.maps.PolyMouseEvent) => any;
     dblclick: (payload: google.maps.PolyMouseEvent) => any;
     drag: (payload: google.maps.MapMouseEvent) => any;
     dragend: (payload: google.maps.MapMouseEvent) => any;
@@ -14,8 +14,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     mouseover: (payload: google.maps.PolyMouseEvent) => any;
     mouseup: (payload: google.maps.PolyMouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
     onContextmenu?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onClick?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
     onDblclick?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
     onDrag?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDragend?: ((payload: google.maps.MapMouseEvent) => any) | undefined;

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

@@ -2,8 +2,8 @@ type __VLS_Props = {
     options?: Omit<google.maps.PolylineOptions, 'map'>;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: (payload: google.maps.PolyMouseEvent) => any;
     contextmenu: (payload: google.maps.PolyMouseEvent) => any;
+    click: (payload: google.maps.PolyMouseEvent) => any;
     dblclick: (payload: google.maps.PolyMouseEvent) => any;
     drag: (payload: google.maps.MapMouseEvent) => any;
     dragend: (payload: google.maps.MapMouseEvent) => any;
@@ -14,8 +14,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     mouseover: (payload: google.maps.PolyMouseEvent) => any;
     mouseup: (payload: google.maps.PolyMouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
     onContextmenu?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onClick?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
     onDblclick?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
     onDrag?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDragend?: ((payload: google.maps.MapMouseEvent) => any) | undefined;

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

@@ -2,8 +2,8 @@ type __VLS_Props = {
     options?: Omit<google.maps.PolylineOptions, 'map'>;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: (payload: google.maps.PolyMouseEvent) => any;
     contextmenu: (payload: google.maps.PolyMouseEvent) => any;
+    click: (payload: google.maps.PolyMouseEvent) => any;
     dblclick: (payload: google.maps.PolyMouseEvent) => any;
     drag: (payload: google.maps.MapMouseEvent) => any;
     dragend: (payload: google.maps.MapMouseEvent) => any;
@@ -14,8 +14,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     mouseover: (payload: google.maps.PolyMouseEvent) => any;
     mouseup: (payload: google.maps.PolyMouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
     onContextmenu?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
+    onClick?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
     onDblclick?: ((payload: google.maps.PolyMouseEvent) => any) | undefined;
     onDrag?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDragend?: ((payload: google.maps.MapMouseEvent) => any) | undefined;

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

@@ -2,8 +2,8 @@ type __VLS_Props = {
     options?: Omit<google.maps.RectangleOptions, 'map'>;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: (payload: google.maps.MapMouseEvent) => any;
     contextmenu: (payload: google.maps.MapMouseEvent) => any;
+    click: (payload: google.maps.MapMouseEvent) => any;
     dblclick: (payload: google.maps.MapMouseEvent) => any;
     drag: (payload: google.maps.MapMouseEvent) => any;
     dragend: (payload: google.maps.MapMouseEvent) => any;
@@ -15,8 +15,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     mouseup: (payload: google.maps.MapMouseEvent) => any;
     bounds_changed: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onContextmenu?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
+    onClick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDblclick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDrag?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDragend?: ((payload: google.maps.MapMouseEvent) => any) | undefined;

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

@@ -2,8 +2,8 @@ type __VLS_Props = {
     options?: Omit<google.maps.RectangleOptions, 'map'>;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: (payload: google.maps.MapMouseEvent) => any;
     contextmenu: (payload: google.maps.MapMouseEvent) => any;
+    click: (payload: google.maps.MapMouseEvent) => any;
     dblclick: (payload: google.maps.MapMouseEvent) => any;
     drag: (payload: google.maps.MapMouseEvent) => any;
     dragend: (payload: google.maps.MapMouseEvent) => any;
@@ -15,8 +15,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     mouseup: (payload: google.maps.MapMouseEvent) => any;
     bounds_changed: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onContextmenu?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
+    onClick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDblclick?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDrag?: ((payload: google.maps.MapMouseEvent) => any) | undefined;
     onDragend?: ((payload: google.maps.MapMouseEvent) => any) | undefined;

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

@@ -0,0 +1,87 @@
+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
+     * @default '/_scripts/embed/bluesky'
+     */
+    apiEndpoint?: string;
+    /**
+     * Custom image proxy endpoint
+     * @default '/_scripts/embed/bluesky-image'
+     */
+    imageProxyEndpoint?: string;
+    /**
+     * Root element attributes
+     */
+    rootAttrs?: HTMLAttributes;
+};
+declare var __VLS_1: {}, __VLS_3: {
+    error: import("nuxt/app").NuxtError<unknown> | undefined;
+}, __VLS_5: {
+    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;
+};
+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, {
+    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,85 @@
+<script setup>
+import { useAsyncData } from "nuxt/app";
+import { computed } from "vue";
+import { extractBlueskyPostId, facetsToHtml, formatBlueskyDate, formatCount, proxyBlueskyImageUrl } from "../registry/bluesky-embed";
+import { requireRegistryEndpoint } from "../utils";
+const props = defineProps({
+  postUrl: { type: String, required: true },
+  apiEndpoint: { type: String, required: false, default: "/_scripts/embed/bluesky" },
+  imageProxyEndpoint: { type: String, required: false, default: "/_scripts/embed/bluesky-image" },
+  rootAttrs: { type: Object, required: false }
+});
+if (!props.apiEndpoint || props.apiEndpoint === "/_scripts/embed/bluesky")
+  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(`${props.apiEndpoint}?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, props.imageProxyEndpoint),
+    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, props.imageProxyEndpoint),
+      fullsize: proxyBlueskyImageUrl(img.fullsize, props.imageProxyEndpoint),
+      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, props.imageProxyEndpoint) : void 0
+    } : void 0,
+    // Links
+    postUrl: props.postUrl,
+    authorUrl: `https://bsky.app/profile/${p.author.handle}`,
+    // Helpers
+    proxyImage: (url) => proxyBlueskyImageUrl(url, props.imageProxyEndpoint)
+  };
+});
+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,87 @@
+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
+     * @default '/_scripts/embed/bluesky'
+     */
+    apiEndpoint?: string;
+    /**
+     * Custom image proxy endpoint
+     * @default '/_scripts/embed/bluesky-image'
+     */
+    imageProxyEndpoint?: string;
+    /**
+     * Root element attributes
+     */
+    rootAttrs?: HTMLAttributes;
+};
+declare var __VLS_1: {}, __VLS_3: {
+    error: import("nuxt/app").NuxtError<unknown> | undefined;
+}, __VLS_5: {
+    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;
+};
+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, {
+    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/ScriptInstagramEmbed.d.vue.ts

@@ -12,7 +12,7 @@ type __VLS_Props = {
     captions?: boolean;
     /**
      * Custom API endpoint for fetching embed HTML
-     * @default '/api/_scripts/instagram-embed'
+     * @default '/_scripts/embed/instagram'
      */
     apiEndpoint?: string;
     /**
@@ -40,8 +40,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     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

@@ -2,12 +2,15 @@
 import { useAsyncData } from "nuxt/app";
 import { computed } from "vue";
 import { extractInstagramShortcode } from "../registry/instagram-embed";
+import { requireRegistryEndpoint } 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: "/_scripts/embed/instagram" },
   rootAttrs: { type: Object, required: false }
 });
+if (!props.apiEndpoint || props.apiEndpoint === "/_scripts/embed/instagram")
+  requireRegistryEndpoint("ScriptInstagramEmbed", "instagramEmbed");
 const shortcode = computed(() => extractInstagramShortcode(props.postUrl));
 const { data: html, status, error } = useAsyncData(
   `instagram-embed-${props.postUrl}`,

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

@@ -12,7 +12,7 @@ type __VLS_Props = {
     captions?: boolean;
     /**
      * Custom API endpoint for fetching embed HTML
-     * @default '/api/_scripts/instagram-embed'
+     * @default '/_scripts/embed/instagram'
      */
     apiEndpoint?: string;
     /**
@@ -40,8 +40,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     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/ScriptXEmbed.d.vue.ts

@@ -7,12 +7,12 @@ type __VLS_Props = {
     tweetId: string;
     /**
      * Custom API endpoint for fetching tweet data
-     * @default '/api/_scripts/x-embed'
+     * @default '/_scripts/embed/x'
      */
     apiEndpoint?: string;
     /**
      * Custom image proxy endpoint
-     * @default '/_scripts/x-embed-image'
+     * @default '/_scripts/embed/x-image'
      */
     imageProxyEndpoint?: string;
     /**

package/dist/runtime/components/ScriptXEmbed.vue

@@ -2,12 +2,15 @@
 import { useAsyncData } from "nuxt/app";
 import { computed } from "vue";
 import { formatCount, formatTweetDate, proxyXImageUrl } from "../registry/x-embed";
+import { requireRegistryEndpoint } from "../utils";
 const props = defineProps({
   tweetId: { type: String, required: true },
-  apiEndpoint: { type: String, required: false, default: "/api/_scripts/x-embed" },
-  imageProxyEndpoint: { type: String, required: false, default: "/api/_scripts/x-embed-image" },
+  apiEndpoint: { type: String, required: false, default: "/_scripts/embed/x" },
+  imageProxyEndpoint: { type: String, required: false, default: "/_scripts/embed/x-image" },
   rootAttrs: { type: Object, required: false }
 });
+if (!props.apiEndpoint || props.apiEndpoint === "/_scripts/embed/x")
+  requireRegistryEndpoint("ScriptXEmbed", "xEmbed");
 const cacheKey = computed(() => `x-embed-${props.tweetId}`);
 const { data: tweet, status, error } = useAsyncData(
   cacheKey,