fix: type issues (#33)

Author: huang-julien

src/runtime/composables/createScriptConsentTrigger.ts

@@ -37,7 +37,7 @@ export function createScriptConsentTrigger(options?: ConsentPromiseOptions): Cre
         }, { immediate: true })
       }
     }
-  })
+  }) as CreateScriptConsentTriggerApi
   // we augment the promise with a consent API
   promise.accept = () => {
     consented.value = true

src/runtime/composables/useAnalyticsPageEvent.ts

@@ -20,7 +20,7 @@ export function useAnalyticsPageEvent(onChange?: (payload: TrackedPage) => void)
     Promise.race([
       // possibly no head update is needed
       new Promise(resolve => setTimeout(resolve, 100)),
-      new Promise((resolve) => {
+      new Promise<void>((resolve) => {
         stopDomWatcher = head.hooks.hook('dom:rendered', () => resolve())
       }),
     ]).finally(() => {

src/runtime/composables/useElementScriptTrigger.ts

@@ -9,5 +9,5 @@ export function useElementScriptTrigger(trigger: ElementScriptTrigger | undefine
     return new Promise<void>(() => {})
 
   const activeRef = trigger ? (trigger === 'mouseover' ? useElementHover(el) : useElementVisibility(el)) : ref(false)
-  return trigger ? new Promise<void>(resolve => watchOnce(activeRef, resolve)) : Promise.resolve()
+  return trigger ? new Promise<void>(resolve => watchOnce([activeRef], () => resolve())) : Promise.resolve()
 }

src/runtime/types.ts

@@ -15,7 +15,7 @@ import type { GoogleMapsInput } from '~/src/runtime/registry/google-maps'
 import type { GoogleTagManagerInput } from '~/src/runtime/registry/google-tag-manager'
 import type { MatomoAnalyticsInput } from '~/src/runtime/registry/matomo-analytics'
 import type { StripeInput } from '~/src/runtime/registry/stripe'
-import type { VimeoInput } from '~/src/runtime/registry/vimeo'
+import type { VimeoPlayerInput } from '~/src/runtime/registry/vimeo-player'
 import type { XPixelInput } from '~/src/runtime/registry/x-pixel'
 
 export type NuxtUseScriptOptions<T = any> = Omit<UseScriptOptions<T>, 'trigger'> & {
@@ -87,7 +87,7 @@ export interface ScriptRegistry {
   matomoAnalytics?: ScriptRegistryEntry<MatomoAnalyticsInput>
   segment?: ScriptRegistryEntry<SegmentInput>
   stripe?: ScriptRegistryEntry<StripeInput>
-  vimeo?: ScriptRegistryEntry<VimeoInput>
+  vimeo?: ScriptRegistryEntry<VimeoPlayerInput>
   xPixel?: ScriptRegistryEntry<XPixelInput>
 }
 

src/runtime/utils.ts

@@ -35,7 +35,6 @@ type OptionsFn<O extends ObjectSchema<any>> = (options: Input<O>) => ({
 
 export function registryScript<T extends Record<string | symbol, any>, O extends ObjectSchema<any>>(key: string, optionsFn: OptionsFn<O>, _userOptions?: RegistryScriptInput<O>) {
   const runtimeConfig = useRuntimeConfig().public.scripts || {}
-  // @ts-expect-error untyped
   const runtimeOptions = runtimeConfig[key]
   const userOptions = Object.assign(_userOptions || {}, runtimeOptions || {})
   const options = optionsFn(userOptions)