types(defineComponent): Support emit when using functionalComponent

vuejs · Oct 27, 2020 · 83e9abd · 83e9abd
1 parent 9c23ddf
commit 83e9abd
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/packages/runtime-core/src/apiDefineComponent.ts b/packages/runtime-core/src/apiDefineComponent.ts
@@ -80,10 +80,14 @@ export type DefineComponent<
 
 // overload 1: direct setup function
 // (uses user defined props interface)
-export function defineComponent<Props, RawBindings = object>(
+export function defineComponent<
+  Props,
+  RawBindings = object,
+  E extends EmitsOptions = {}
+>(
   setup: (
     props: Readonly<Props>,
-    ctx: SetupContext
+    ctx: SetupContext<E>
   ) => RawBindings | RenderFunction
 ): DefineComponent<Props, RawBindings>
 

diff --git a/test-dts/component.test-d.ts b/test-dts/component.test-d.ts
@@ -410,6 +410,15 @@ describe('functional', () => {
 
     expectType<number>(props.foo)
   })
+
+  describe('emit', () => {
+    const MyComponent: FunctionalComponent<
+      { foo: number },
+      { ev: (a: string) => void }
+    > = (_, _2) => {}
+
+    defineComponent(MyComponent)
+  })
 })
 
 declare type VueClass<Props = {}> = {