fix(types): fix type inference when using components option

vuejs · Jul 8, 2022 · 1d5a411 · 1d5a411
1 parent dc8a68e
commit 1d5a411
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 3 deletions.
diff --git a/types/options.d.ts b/types/options.d.ts
@@ -20,7 +20,7 @@ export type Component<
   | typeof Vue
   | FunctionalComponentOptions<Props>
   | ComponentOptions<never, Data, Methods, Computed, Props, SetupBindings>
-  | DefineComponent<any, any, any, any, any>
+  | DefineComponent<any, any, any, any, any, any, any, any, any, any, any>
 
 type EsModule<T> = T | { default: T }
 
@@ -201,9 +201,9 @@ export interface ComponentOptions<
   directives?: { [key: string]: DirectiveFunction | DirectiveOptions }
   components?: {
     [key: string]:
-      | Component<any, any, any, any>
+      | {}
+      | Component<any, any, any, any, any>
       | AsyncComponent<any, any, any, any>
-      | DefineComponent<any, any, any, any, any, any, any, any, any, any>
   }
   transitions?: { [key: string]: object }
   filters?: { [key: string]: Function }

diff --git a/types/test/v3/define-component-test.tsx b/types/test/v3/define-component-test.tsx
@@ -1115,3 +1115,26 @@ describe('functional w/ object props', () => {
   // @ts-expect-error
   ;<Foo bar={123} />
 })
+
+// #12628
+defineComponent({
+  components: {
+    App: defineComponent({})
+  },
+  data() {
+    return {}
+  },
+  provide(): any {
+    return {
+      fetchData: this.fetchData
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      throw new Error('Not implemented.')
+    }
+  }
+})