feat(runtime-vapor): implement defineVaporComponent types (#13831)

Author: zhiyuanzmj

package.json

@@ -22,7 +22,7 @@
     "test-e2e-vapor": "pnpm run prepare-e2e-vapor && vitest --project e2e-vapor",
     "prepare-e2e-vapor": "node scripts/build.js -f cjs+esm-bundler+esm-bundler-runtime && pnpm run -C packages-private/vapor-e2e-test build",
     "test-dts": "run-s build-dts test-dts-only",
-    "test-dts-only": "tsc -p packages-private/dts-built-test/tsconfig.json && tsc -p ./packages-private/dts-test/tsconfig.test.json",
+    "test-dts-only": "tsc -p packages-private/dts-built-test/tsconfig.json && tsc -p ./packages-private/dts-test/tsconfig.test.json && tsc -p ./packages-private/dts-test/vapor/tsconfig.json",
     "test-coverage": "vitest run --project unit* --coverage",
     "prebench": "node scripts/build.js -pf esm-browser reactivity",
     "prebench-compare": "node scripts/build.js -pf esm-browser reactivity",

packages-private/dts-test/defineComponent.test-d.tsx

@@ -1880,20 +1880,22 @@ interface ErrorMessageSlotProps {
  * component types generated by vue-tsc
  * relying on legacy CreateComponentPublicInstance signature
  */
+type Props = Readonly<
+  vue.ExtractPropTypes<{
+    as: {
+      type: StringConstructor
+      default: any
+    }
+    name: {
+      type: StringConstructor
+      required: true
+    }
+  }> &
+    vue.AllowedComponentProps
+>
 declare const ErrorMessage: {
-  new (...args: any[]): vue.CreateComponentPublicInstance<
-    Readonly<
-      vue.ExtractPropTypes<{
-        as: {
-          type: StringConstructor
-          default: any
-        }
-        name: {
-          type: StringConstructor
-          required: true
-        }
-      }>
-    >,
+  new (props: Props): vue.CreateComponentPublicInstance<
+    Props,
     () =>
       | VNode<
           vue.RendererNode,

packages-private/dts-test/tsconfig.test.json

@@ -5,7 +5,8 @@
     "module": "esnext",
     "strict": true,
     "moduleResolution": "node",
-    "lib": ["esnext", "dom"]
+    "lib": ["esnext", "dom"],
+    "types": ["vue/jsx"]
   },
   "include": ["./*"]
 }

packages-private/dts-test/utils.d.ts

@@ -1,9 +1,6 @@
 // This directory contains a number of d.ts assertions
 // use \@ts-expect-error where errors are expected.
 
-// register global JSX
-import 'vue/jsx'
-
 export function describe(_name: string, _fn: () => void): void
 export function test(_name: string, _fn: () => any): void