refactor(component-type-helpers): move vue 2 type

close #3404

packages/component-meta/src/base.ts

@@ -2,6 +2,7 @@ import * as vue from '@vue/language-core';
 import type * as ts from 'typescript/lib/tsserverlibrary';
 import * as path from 'path-browserify';
 import { code as typeHelpersCode } from 'vue-component-type-helpers';
+import { code as vue2TypeHelpersCode } from 'vue-component-type-helpers/vue2';
 import { createLanguageServiceHost, decorateLanguageService } from '@volar/typescript';
 
 import type {
@@ -201,11 +202,11 @@ interface ComponentMeta<T> {
 	type: ComponentType<T>;
 	props: ComponentProps<T>;
 	emit: ComponentEmit<T>;
-	slots: ${vueCompilerOptions.target < 3 ? 'Vue2ComponentSlots' : 'ComponentSlots'}<T>;
+	slots: ComponentSlots<T>;
 	exposed: ComponentExposed<T>;
 };
 
-${typeHelpersCode}
+${vueCompilerOptions.target < 3 ? vue2TypeHelpersCode : typeHelpersCode}
 `.trim();
 		return code;
 	}

packages/component-type-helpers/index.d.ts

@@ -26,12 +26,3 @@ export type ComponentExposed<T> =
 	T extends new () => infer E ? E :
 	T extends (props: any, ctx: any, expose: (exposed: infer E) => any, ...args: any) => any ? NonNullable<E> :
 	{};
-
-/**
- * Vue 2.x
- */
-
-export type Vue2ComponentSlots<T> =
-	T extends new () => { $scopedSlots: infer S; } ? NonNullable<S> :
-	T extends (props: any, ctx: { slots: infer S; }, ...args: any) => any ? NonNullable<S> :
-	{};

packages/component-type-helpers/index.js

@@ -1,3 +1,5 @@
+// @ts-check
+
 const code = `
 export type ComponentType<T> =
 	T extends new () => {} ? 1 :

packages/component-type-helpers/vue2.js

@@ -0,0 +1,8 @@
+// @ts-check
+
+const code = require('./index')
+	.code
+	.replace('$slots', '$scopedSlots');
+
+exports.code = code;
+exports.default = code;

packages/component-type-helpers/vue2.ts

@@ -0,0 +1,15 @@
+export declare const code: string;
+
+export default code;
+
+export {
+	ComponentType,
+	ComponentProps,
+	ComponentEmit,
+	ComponentExposed,
+} from './index';
+
+export type ComponentSlots<T> =
+	T extends new () => { $scopedSlots: infer S; } ? NonNullable<S> :
+	T extends (props: any, ctx: { slots: infer S; }, ...args: any) => any ? NonNullable<S> :
+	{};