types: add EsModuleComponent definition (vuejs#6477)

ztlevi · Feb 14, 2018 · 97603f6 · 97603f6
1 parent 9893ddc
commit 97603f6
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/types/options.d.ts b/types/options.d.ts
@@ -6,10 +6,15 @@ type Constructor = {
 }
 
 export type Component = typeof Vue | ComponentOptions<Vue> | FunctionalComponentOptions;
+
+interface EsModuleComponent {
+  default: Component
+}
+
 export type AsyncComponent = (
   resolve: (component: Component) => void,
   reject: (reason?: any) => void
-) => Promise<Component> | Component | void;
+) => Promise<Component | EsModuleComponent> | Component | void;
 
 export interface ComponentOptions<V extends Vue> {
   data?: Object | ((this: V) => Object);

diff --git a/types/test/es-module.ts b/types/test/es-module.ts
@@ -0,0 +1,5 @@
+export default {
+  data() {
+    return {}
+  }
+}
diff --git a/types/test/options-test.ts b/types/test/options-test.ts
@@ -1,5 +1,5 @@
 import Vue = require("../index");
-import { ComponentOptions, FunctionalComponentOptions } from "../index";
+import { AsyncComponent, ComponentOptions, FunctionalComponentOptions } from "../index";
 
 interface Component extends Vue {
   a: number;
@@ -206,11 +206,13 @@ Vue.component('functional-component', {
   }
 } as FunctionalComponentOptions);
 
-Vue.component("async-component", (resolve, reject) => {
+Vue.component("async-component", ((resolve, reject) => {
   setTimeout(() => {
     resolve(Vue.component("component"));
   }, 0);
   return new Promise((resolve) => {
     resolve({ functional: true } as FunctionalComponentOptions);
   })
-});
+}) as AsyncComponent);
+
+Vue.component('async-es-module-component', (() => import('./es-module')) as AsyncComponent)