chore: broken types

Author: harlan-zw

src/runtime/components/ScriptGoogleMaps.vue

@@ -144,7 +144,7 @@ onMounted(() => {
   })
   // create the map
   $script.then(async (instance) => {
-    const maps = await instance.maps
+    const maps = await instance.maps as any as typeof google.maps // some weird type issue here
     const _map = new maps.Map(mapEl.value!, options.value)
     const placesService = new maps.places.PlacesService(_map)
 

src/runtime/registry/google-maps.ts

@@ -23,13 +23,16 @@ export const GoogleMapsOptions = object({
 
 export type GoogleMapsInput = RegistryScriptInput<typeof GoogleMapsOptions>
 
+type MapsNamespace = typeof google.maps
 export interface GoogleMapsApi {
-  maps: typeof window.google.maps
+  maps: MapsNamespace | Promise<MapsNamespace>
 }
 
 declare global {
   interface Window {
-    google: typeof google
+    google: {
+      maps: MapsNamespace
+    }
   }
 }
 

src/runtime/registry/vimeo-player.ts

@@ -1,5 +1,5 @@
-/// <reference types="vimeo__player" />
 import { watch } from 'vue'
+import type Vimeo from 'vimeo__player'
 import { useRegistryScript } from '../utils'
 import type { RegistryScriptInput } from '#nuxt-scripts'
 import { useHead } from '#imports'
@@ -8,7 +8,7 @@ type Constructor<T extends new (...args: any) => any> = T extends new (...args:
 
 export interface VimeoPlayerApi {
   Vimeo: {
-    Player: Constructor<typeof window.Vimeo>
+    Player: Constructor<typeof Vimeo>
   }
 }
 

src/runtime/types.ts

@@ -126,6 +126,6 @@ export interface RegistryScript {
   logo?: string | { light: string, dark: string }
 }
 
-export type ElementScriptTrigger = 'immediate' | 'visible' | keyof GlobalEventHandlersEventMap | (keyof GlobalEventHandlersEventMap)[] | false
+export type ElementScriptTrigger = 'immediate' | 'visible' | string | string[] | false
 
 export type RegistryScripts = RegistryScript[]