ComponentExposed seems to be completely empty

[TheDutchCoder]

Vue version

3.4.34

Link to minimal reproduction

https://play.vuejs.org/#eNqFU01v2zAM/SuEMCApkNjY2pPnBNiGHDagW9HlVhVDYNOOOlkSJNlL4Pm/j5LztWJrDwZIPvLxkZR79sGYpGuRZSx3hRXGg0PfGpAbVS84846zJVeiMdp66MFiNYN7rGCAyuoGJlQ7OeG3+0+6MQckSUc30J9T/N4g8QRAK1R+tTPaYXnJNy+O4Dxkz7coDVo3eX+hQ6tb3Sr/d2HI4KrQynlo9qQyC1Lz573ywKqrg9ol/AbVSrmERZhuGuyrwHNqMZ1ewWIJPVcAgVxLTKSup7FF0m1ki8kbDEUDfXk67pG2Ro7HxsiNR/IA8sN+qA2tNpZzBlmlNbkPPYgyg7cwzGi+YL6D4ZHwlGrz9IKIzegsJKQSdfLktKLbRW2chcUJifab8YKEcpaNqgO2kVL/+hJj3rY4O8aLLRY//xF/crsQ4+zOokPbIWcnzG9sjX6EV9+/4o7sE9jospWU/QJ4j7TENmgc0z62qiTZF3lR7ed4baHqtVvtPCp3HCoIDZlDzOeMbh8W+7/Rz3Kvk5tYR6eiLZ7f50vPH2pUaEVB7jr+DCVWQuGd1cblsQcdMIP1wyOxLqevPIFSdNEg00A3r7QNbbY0JAgVmKhF38MYGYY8NWNdOhY+fwg/OvozaGAagGZLrm/Y8AeQ1kpf

Steps to reproduce

When trying to type the template ref of a component defined with a generic, we're told to use ComponentExpose (https://vuejs.org/api/sfc-script-setup#generics). This seems to "work" in the sense that it doesn't throw TS errors like InstanceType does, but the type itself is completely empty and useless.

For example, myRef.value has no properties anymore, so you can't really use it practically speaking.

In the repro you can see that .$el doesn't exist on the type for example, whereas it really does exist of course.

What is expected?

The full type to be returned of the component instance.

What is actually happening?

Nothing is returned in the type and the IDE also doesn't know what to do with it (no autocomplete for example).

System Info

No response

Any additional comments?

No response

[TheDutchCoder]

Ok the solution seems to be this:
https://play.vuejs.org/#eNqFU01v2zAM/SuEMKAOkNnYx8lzPGxDDh2wrehyq3rwbNpRJ0uCLLsJPP/3UXKapPtobyQfH/lIUSP7YEw89MhSlnWlFcZBh643IAvVrDhzHWc5V6I12joYwWK9hGusYYLa6hYuiHtxxL/sP+nWHJA4mV1f/pQywn3hyu26rrF0j6q8O8vxPK1QuUvVuUKV+GcmV6UmCNo9iUm9ouwvTub2BnV9UJWNIKoUVN/+QAtTnsMvcqTMYeWniry94OpMXRQtYJWDb6QlxlI3UWgXD4Xs8X38wlhturjWekHELJn3R9six2FrZOGQPIDssBdqQysNNTiDlIjk3sy6XsG0pMG9+RqmW8IT4mbJWSG2pOcgNbVo4rtOK3qz0ZfnrKTqQqL9ZpwgtZylEBCPFVLq+88h5myPy4d4ucXy5z/id93Oxzi7stihHZCzI+YK26Cb4fX3r7gj+wi2uuolZT8BXiNtsvca57SPvapI9lleUHsZzkCoZtOtdw5V9zCUF+ozp5DPGR2DX+z/Rj/JfRO/DTyuJtri6S6fOntoUKEVJbmb8AkqrIXCK//oWehBD5jC5uaWqubRMydQiSEYZBoYXtba+jZbGhKE8pWoxTjCHJmmLDEzL5mJjw9h+g28h0Dh

So instead of ComponentExposed, we should use ComponentInstance and pass the type for the generic in the props.
This is not what the docs tell you to use, but it works.

[yyx990803]

ComponentExposed is used to extract explicitly exposed properties via defineExpose() or setupContext.expose(), not the component instance type.

[TheDutchCoder]

Okay interesting, this issue here recommends using it: vuejs/language-tools#3206
Maybe there's some misunderstanding on my side and these are different issues?