Vue version
3.4.27
Link to minimal reproduction
https://play.vuejs.org/#eNp9U02PmzAQ/StTX2AlBFLbU5Yg9WOldg9ttY3UQ4i0CCYJu2BbtklTIf57x8aQ7DZNDsTz4Zk374179kHK+NAhW7BUl6qWBjSaTmY5r1splIEeFG5hgK0SLQSUGsyhz9gK748Ta8RGHylcCq4NtHoHS3s5DL5g0wj4JVRTvQlucp7zNBm7UR8yDLayKQySBZC6sgmd0+QswCJmNFXe1rv4SQtOiHubnrNStLJuUH2XpqbOOVuAi9hYQY1/3zufUR1Gk7/cY/l8wf+kj9aXsx8KNaoD5myOmULt0Izhu5/f8EjnOdiKqmso+0rwAbVoOotxTPvY8Ypgn+U5tF8duTXfrfTd0SDX01AWqM0cXH7OSItPV0Y/wX0Xv3f3cj4Qi5NQROAscYXbmrtqgiM30bnmrlHObmfZbdosuzW87JPwTr/l65pheAPLbII3ZjY1fcYdWY9+IDC8aHEBwUq0gZ/1hf++KJ9PgY1bJ3tStLeKw4s2xIP/99G0qg9uy+wvteDSqbA2ikiHIbObu8zZ3i5tzhzIZW+/8aFoOhzcbvoKyake0UsfBwePjihioOiakRAifqLqCvGv3tnEqGP8X0bda1kB7RrySsMDlkJV6ThHBAX/k2WhVEJq2go71DTjrZtpAav1hgB7uk66iAbjRuzCR5v1GIErEVuDhvs/0xcZ3r/N+vE+9R/ShOxZ0OkAZx3itpAh7UQGqcx6E1tp6JrMfGtP82Xu3Ur4sn7udUB9gwgCWzzY+GdwSSRLKxv+Ai3howE=
Steps to reproduce
In the official use case, when defining components using defineComponent, an example of using generics is as follows:
const Comp = defineComponent(
<T extends string | number>(props: { msg: T; list: T[] }) => {
// use Composition API here like in <script setup>
const count = ref(0)
return () => {
// render function or JSX
return <div>{count.value}</div>
}
},
// manual runtime props declaration is currently still needed.
{
props: ['msg', 'list']
}
)
I know that generic can be used to define in composite APIs, but child components and parent components are defined by defineComponent, so I want to know how to pass generic from the parent component in tsx###
What is expected?
like react, we can pass generics like this:
return () => {
return (
<div>
<Comp<{ name: string }> msg="hello" list={list.value} />
</div>)
}
What is actually happening?
I couldn't find any way to pass generics into child components,like this

System Info
No response
Any additional comments?
No response
Vue version
3.4.27
Link to minimal reproduction
https://play.vuejs.org/#eNp9U02PmzAQ/StTX2AlBFLbU5Yg9WOldg9ttY3UQ4i0CCYJu2BbtklTIf57x8aQ7DZNDsTz4Zk374179kHK+NAhW7BUl6qWBjSaTmY5r1splIEeFG5hgK0SLQSUGsyhz9gK748Ta8RGHylcCq4NtHoHS3s5DL5g0wj4JVRTvQlucp7zNBm7UR8yDLayKQySBZC6sgmd0+QswCJmNFXe1rv4SQtOiHubnrNStLJuUH2XpqbOOVuAi9hYQY1/3zufUR1Gk7/cY/l8wf+kj9aXsx8KNaoD5myOmULt0Izhu5/f8EjnOdiKqmso+0rwAbVoOotxTPvY8Ypgn+U5tF8duTXfrfTd0SDX01AWqM0cXH7OSItPV0Y/wX0Xv3f3cj4Qi5NQROAscYXbmrtqgiM30bnmrlHObmfZbdosuzW87JPwTr/l65pheAPLbII3ZjY1fcYdWY9+IDC8aHEBwUq0gZ/1hf++KJ9PgY1bJ3tStLeKw4s2xIP/99G0qg9uy+wvteDSqbA2ikiHIbObu8zZ3i5tzhzIZW+/8aFoOhzcbvoKyake0UsfBwePjihioOiakRAifqLqCvGv3tnEqGP8X0bda1kB7RrySsMDlkJV6ThHBAX/k2WhVEJq2go71DTjrZtpAav1hgB7uk66iAbjRuzCR5v1GIErEVuDhvs/0xcZ3r/N+vE+9R/ShOxZ0OkAZx3itpAh7UQGqcx6E1tp6JrMfGtP82Xu3Ur4sn7udUB9gwgCWzzY+GdwSSRLKxv+Ai3howE=
Steps to reproduce
In the official use case, when defining components using
defineComponent, an example of using generics is as follows:I know that
genericcan be used to define in composite APIs, but child components and parent components are defined by defineComponent, so I want to know how to pass generic from the parent component in tsx###What is expected?
like react, we can pass generics like this:
What is actually happening?
I couldn't find any way to pass generics into child components,like this

System Info
No response
Any additional comments?
No response