fix: improve InstanceType from dts

Author: lishaobos

src/core/declaration.ts

@@ -114,11 +114,7 @@ export function getDeclaration(ctx: Context, filepath: string, originalImports?:
     directive: stringifyDeclarationImports({ ...originalImports?.directive, ...imports.directive }),
   }
 
-  const head = ctx.options.version === 2.7
-    ? `export {}
-
-declare module 'vue' {`
-    : `export {}
+  const head = `export {}
 
 declare module 'vue' {`
 
@@ -142,6 +138,11 @@ ${head}`
   }`
   }
   code += '\n}\n'
+  code += `declare global {
+    type GlobalInstanceType = {
+      [Property in keyof GlobalComponents]: InstanceType<GlobalComponents[Property]>
+    }
+  }`
   return code
 }
 

test/__snapshots__/dts.test.ts.snap

@@ -15,7 +15,11 @@ declare module 'vue' {
     TestComp: typeof import('test/component/TestComp')['default']
   }
 }
-"
+declare global {
+    type GlobalInstanceType = {
+      [Property in keyof GlobalComponents]: InstanceType<GlobalComponents[Property]>
+    }
+  }"
 `;
 
 exports[`dts > directive only 1`] = `
@@ -31,7 +35,11 @@ declare module 'vue' {
     vLoading: typeof import('test/directive/Loading')['default']
   }
 }
-"
+declare global {
+    type GlobalInstanceType = {
+      [Property in keyof GlobalComponents]: InstanceType<GlobalComponents[Property]>
+    }
+  }"
 `;
 
 exports[`dts > getDeclaration 1`] = `
@@ -52,7 +60,11 @@ declare module 'vue' {
     vLoading: typeof import('test/directive/Loading')['default']
   }
 }
-"
+declare global {
+    type GlobalInstanceType = {
+      [Property in keyof GlobalComponents]: InstanceType<GlobalComponents[Property]>
+    }
+  }"
 `;
 
 exports[`dts > parseDeclaration - has icon component like <IMdi:diceD12> 1`] = `
@@ -107,7 +119,11 @@ declare module 'vue' {
     TestComp: typeof import('test/component/TestComp')['default']
   }
 }
-"
+declare global {
+    type GlobalInstanceType = {
+      [Property in keyof GlobalComponents]: InstanceType<GlobalComponents[Property]>
+    }
+  }"
 `;
 
 exports[`dts > writeDeclaration - keep unused 1`] = `
@@ -131,7 +147,11 @@ declare module 'vue' {
     vSome: typeof import('test/directive/Some')['default']
   }
 }
-"
+declare global {
+    type GlobalInstanceType = {
+      [Property in keyof GlobalComponents]: InstanceType<GlobalComponents[Property]>
+    }
+  }"
 `;
 
 exports[`dts > writeDeclaration 1`] = `
@@ -152,5 +172,9 @@ declare module 'vue' {
     vLoading: typeof import('test/directive/Loading')['default']
   }
 }
-"
+declare global {
+    type GlobalInstanceType = {
+      [Property in keyof GlobalComponents]: InstanceType<GlobalComponents[Property]>
+    }
+  }"
 `;