How to define component type manually?

[kingyue737]

Anyone knows how to define component type manually?

I want to define global component type for 3rd-party component which is written in js. The example in docs use typeof which is not available in my situation.

// components.d.ts
declare module '@vue/runtime-core' {
  export interface GlobalComponents {
    RouterLink: typeof import('vue-router')['RouterLink']
    RouterView: typeof import('vue-router')['RouterView']
  }
}

I can get intellisense of props and methods by

DefineComponent<
  Props,
  {},
  {},
  {},
  Methods
>;

But how to add types of slots into DefineComponent?

[kingyue737]

Maybe $scopedSlots (Vue 3 is $slots) in RawBinding?

DefineComponent<
  Props,
  {$scopedSlots:{
    slotName: ({args: {propName: propType}}) => VNode[]
  }},
  {},
  {},
  Methods
>;

[johnsoncodehk]

Try:

DefineComponent<
  Props,
  {},
  {},
  {},
  Methods
> & new () => {
  $slots: { // or $scopedSlots for vue 2
    default: (_: { foo: any }) => VNode[]
  }
};

[kingyue737]

Both answers work for me. Thanks!