fix: add defineSlots to all components for proper slot type inference

packages/script/src/runtime/components/GoogleMaps/ScriptGoogleMaps.vue

@@ -94,6 +94,14 @@ const emits = defineEmits<{
   error: []
 }>()
 
+defineSlots<{
+  default?: () => any
+  placeholder?: () => any
+  loading?: () => any
+  awaitingLoad?: () => any
+  error?: () => any
+}>()
+
 const apiKey = props.apiKey || scriptRuntimeConfig('googleMaps')?.apiKey
 const runtimeConfig = useRuntimeConfig()
 

packages/script/src/runtime/components/GoogleMaps/ScriptGoogleMapsInfoWindow.vue

@@ -52,6 +52,10 @@ const emit = defineEmits<{
   zindex_changed: []
 }>()
 
+defineSlots<{
+  default?: () => any
+}>()
+
 const infoWindowEvents = [
   'close',
   'closeclick',

packages/script/src/runtime/components/GoogleMaps/ScriptGoogleMapsMarker.vue

@@ -42,6 +42,10 @@ const emit = defineEmits<{
    */
   dragstart: [payload: google.maps.MapMouseEvent]
 }>()
+defineSlots<{
+  default?: () => any
+  content?: () => any
+}>()
 const dragEvents = ['drag', 'dragend', 'dragstart'] as const
 const slots = useSlots()
 const markerContent = useTemplateRef('marker-content')

packages/script/src/runtime/components/GoogleMaps/ScriptGoogleMapsMarkerClusterer.vue

@@ -69,6 +69,11 @@ const emit = defineEmits<{
   clusteringend: [payload: MarkerClustererInstance]
 }>()
 
+defineSlots<{
+  default?: () => any
+  renderer?: (props: { cluster: Cluster, stats: ClusterStats, map: google.maps.Map }) => any
+}>()
+
 const markerClustererEvents = [
   'click',
   'clusteringbegin',

packages/script/src/runtime/components/GoogleMaps/ScriptGoogleMapsOverlayView.vue

@@ -64,6 +64,10 @@ const props = withDefaults(defineProps<{
   hideWhenClustered: true,
 })
 
+defineSlots<{
+  default?: () => any
+}>()
+
 const open = defineModel<boolean>('open', { default: undefined })
 
 const markerContext = inject(MARKER_INJECTION_KEY, undefined)

packages/script/src/runtime/components/GoogleMaps/ScriptGoogleMapsStaticMap.vue

@@ -107,6 +107,9 @@ const props = withDefaults(defineProps<{
   height: 400,
 })
 
+defineSlots<{
+  default?: (props: { src: string }) => any
+}>()
 const runtimeConfig = useRuntimeConfig()
 const proxyConfig = (runtimeConfig.public['nuxt-scripts'] as any)?.googleStaticMapsProxy
 const apiKey = props.apiKey || scriptRuntimeConfig('googleMaps')?.apiKey

packages/script/src/runtime/components/ScriptBlueskyEmbed.vue

@@ -29,6 +29,12 @@ const props = withDefaults(defineProps<{
   imageProxyEndpoint: undefined,
 })
 
+defineSlots<{
+  default?: (props: NonNullable<typeof slotProps.value>) => any
+  loading?: () => any
+  error?: (props: { error: typeof error.value }) => any
+}>()
+
 const prefix = scriptsPrefix()
 
 const resolvedApiEndpoint = computed((): string => props.apiEndpoint || `${prefix}/embed/bluesky`)

packages/script/src/runtime/components/ScriptCarbonAds.vue

@@ -19,6 +19,12 @@ const emit = defineEmits<{
   ready: [HTMLScriptElement]
 }>()
 
+defineSlots<{
+  awaitingLoad?: () => any
+  loading?: () => any
+  error?: () => any
+}>()
+
 const attrId = `_carbonads_js`
 const carbonadsEl = ref<HTMLElement | null>(import.meta.client ? document.getElementById(attrId) : null)
 // syncs to useScript status

packages/script/src/runtime/components/ScriptCrisp.vue

@@ -26,6 +26,13 @@ const emits = defineEmits<{
   error: []
 }>()
 
+defineSlots<{
+  default?: (props: { ready: boolean }) => any
+  awaitingLoad?: () => any
+  loading?: () => any
+  error?: () => any
+}>()
+
 const rootEl = ref(null)
 const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl })
 

packages/script/src/runtime/components/ScriptGoogleAdsense.vue

@@ -27,6 +27,12 @@ const emits = defineEmits<{
   error: []
 }>()
 
+defineSlots<{
+  awaitingLoad?: () => any
+  loading?: () => any
+  error?: () => any
+}>()
+
 const rootEl = ref(null)
 const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl })
 

packages/script/src/runtime/components/ScriptInstagramEmbed.vue

@@ -29,6 +29,12 @@ const props = withDefaults(defineProps<{
   apiEndpoint: undefined,
 })
 
+defineSlots<{
+  default?: (props: { html: string, shortcode: string | undefined, postUrl: string }) => any
+  loading?: () => any
+  error?: (props: { error: typeof error.value }) => any
+}>()
+
 const prefix = scriptsPrefix()
 
 const apiEndpoint = computed(() => props.apiEndpoint || `${prefix}/embed/instagram`)

packages/script/src/runtime/components/ScriptIntercom.vue

@@ -28,6 +28,13 @@ const emits = defineEmits<{
   error: []
 }>()
 
+defineSlots<{
+  default?: (props: { ready: boolean }) => any
+  awaitingLoad?: () => any
+  loading?: () => any
+  error?: () => any
+}>()
+
 const rootEl = ref(null)
 const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl })
 

packages/script/src/runtime/components/ScriptLemonSqueezy.vue

@@ -16,6 +16,10 @@ const emits = defineEmits<{
   lemonSqueezyEvent: [LemonSqueezyEventPayload]
 }>()
 
+defineSlots<{
+  default?: () => any
+}>()
+
 const rootEl = ref<HTMLElement | null>(null)
 const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl })
 const instance = useScriptLemonSqueezy({

packages/script/src/runtime/components/ScriptPayPalButtons.vue

@@ -68,6 +68,14 @@ const emit = defineEmits<{
   error: [error: unknown]
 }>()
 
+defineSlots<{
+  default?: (props: { sdkInstance: SdkInstance<Components[]> | undefined }) => any
+  placeholder?: () => any
+  loading?: () => any
+  awaitingLoad?: () => any
+  error?: () => any
+}>()
+
 const el = ref<HTMLDivElement | null>(null)
 const rootEl = ref<HTMLDivElement | null>(null)
 const ready = ref(false)

packages/script/src/runtime/components/ScriptPayPalMessages.vue

@@ -69,6 +69,14 @@ const emit = defineEmits<{
   error: [error: unknown]
 }>()
 
+defineSlots<{
+  default?: (props: { messagesSession: PayPalMessagesSession | undefined }) => any
+  placeholder?: () => any
+  loading?: () => any
+  awaitingLoad?: () => any
+  error?: () => any
+}>()
+
 const el = ref<HTMLDivElement | null>(null)
 const rootEl = ref<HTMLDivElement | null>(null)
 const ready = ref(false)

packages/script/src/runtime/components/ScriptStripePricingTable.vue

@@ -20,6 +20,13 @@ const emit = defineEmits<{
   error: []
 }>()
 
+defineSlots<{
+  default?: () => any
+  loading?: () => any
+  awaitingLoad?: () => any
+  error?: () => any
+}>()
+
 const rootEl = ref<HTMLDivElement | undefined>()
 const containerEl = ref<HTMLDivElement | undefined>()
 const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl })

packages/script/src/runtime/components/ScriptVimeoPlayer.vue

@@ -67,6 +67,14 @@ const props = withDefaults(defineProps<{
 
 const emits = defineEmits<TEmits>()
 
+defineSlots<{
+  default?: () => any
+  placeholder?: (props: { placeholder: string | undefined }) => any
+  loading?: () => any
+  awaitingLoad?: () => any
+  error?: () => any
+}>()
+
 type EventMap<E extends keyof Vimeo.EventMap> = [event: Vimeo.EventMap[E], player: Vimeo]
 
 interface TEmits {

packages/script/src/runtime/components/ScriptXEmbed.vue

@@ -28,6 +28,12 @@ const props = withDefaults(defineProps<{
   imageProxyEndpoint: undefined,
 })
 
+defineSlots<{
+  default?: (props: NonNullable<typeof slotProps.value>) => any
+  loading?: () => any
+  error?: (props: { error: typeof error.value }) => any
+}>()
+
 const prefix = scriptsPrefix()
 
 const apiEndpoint = computed(() => props.apiEndpoint || `${prefix}/embed/x`)

packages/script/src/runtime/components/ScriptYouTubePlayer.vue

@@ -72,6 +72,14 @@ const emits = defineEmits<{
   'error': [e: YT.OnErrorEvent, target: YT.Player]
   'api-change': [e: YT.PlayerEvent, target: YT.Player]
 }>()
+defineSlots<{
+  default?: () => any
+  placeholder?: (props: { placeholder: string }) => any
+  loading?: () => any
+  awaitingLoad?: () => any
+  error?: () => any
+}>()
+
 const events: (keyof YT.Events)[] = [
   'onReady',
   'onStateChange',

scripts/generate-registry-types.ts

@@ -263,6 +263,7 @@ interface ComponentMeta {
   fields: SchemaFieldMeta[]
   events: SchemaFieldMeta[]
   models: SchemaFieldMeta[]
+  slots: SchemaFieldMeta[]
 }
 
 function resolveTSType(node: any, source: string): string {
@@ -340,6 +341,7 @@ function extractComponentMeta(scriptSource: string, fileName: string): Component
   let propsResult: { code: string, defaults: Record<string, string>, fields: SchemaFieldMeta[] } | null = null
   const events: SchemaFieldMeta[] = []
   const models: SchemaFieldMeta[] = []
+  const slots: SchemaFieldMeta[] = []
   const constArrays: Record<string, string[]> = {}
 
   // First pass: collect `as const` arrays for event name resolution
@@ -480,6 +482,44 @@ function extractComponentMeta(scriptSource: string, fileName: string): Component
         return
       }
 
+      // defineSlots<{...}>()
+      if (node.callee?.name === 'defineSlots') {
+        const typeArg = node.typeArguments?.params?.[0]
+        if (typeArg?.type === 'TSTypeLiteral') {
+          const slotsCode = scriptSource.slice(typeArg.start, typeArg.end)
+          const slotsComments = parseSchemaComments(slotsCode)
+
+          for (const member of typeArg.members || []) {
+            if (member.type !== 'TSPropertySignature')
+              continue
+            const slotName = member.key?.name || member.key?.value
+            if (!slotName)
+              continue
+
+            // Extract slot props type from the function signature: (props: { ... }) => any
+            let propsType = '-'
+            const fnType = member.typeAnnotation?.typeAnnotation
+            if (fnType?.type === 'TSFunctionType' && fnType.params?.length) {
+              const param = fnType.params[0]
+              const paramType = param?.typeAnnotation?.typeAnnotation
+              if (paramType) {
+                const resolved = resolveTSType(paramType, scriptSource)
+                // Avoid leaking unresolvable `typeof` references from runtime variables
+                propsType = resolved.includes('typeof') ? 'object' : resolved
+              }
+            }
+
+            slots.push({
+              name: slotName,
+              type: propsType,
+              required: !member.optional,
+              description: slotsComments[slotName]?.description,
+            })
+          }
+        }
+        return
+      }
+
       // defineProps / withDefaults(defineProps)
       let definePropsCall: any = null
       let defaultsObj: any = null
@@ -532,6 +572,7 @@ function extractComponentMeta(scriptSource: string, fileName: string): Component
     fields: [...propsResult.fields, ...models],
     events,
     models,
+    slots,
   }
 }
 
@@ -649,6 +690,16 @@ for (const [componentName, meta] of Object.entries(componentMetas)) {
       code: `interface ${componentName}Events {\n${meta.events.map(e => `  ${e.name}: ${e.type}`).join('\n')}\n}`,
     })
   }
+
+  // Store slots as schema fields under a separate key
+  if (meta.slots.length) {
+    schemaFields[`${componentName}Slots`] = meta.slots
+    types[slug].push({
+      name: `${componentName}Slots`,
+      kind: 'interface',
+      code: `interface ${componentName}Slots {\n${meta.slots.map(s => `  ${s.name}${s.required ? '' : '?'}: ${s.type === '-' ? '() => any' : `(props: ${s.type}) => any`}`).join('\n')}\n}`,
+    })
+  }
 }
 
 const output = {