fix(language-core): prevent the generation of generics in JS

[KazariEX]

fix #4826

[pkg-pr-new]

Open in Stackblitz

vue-component-meta

pnpm add https://pkg.pr.new/vuejs/language-tools/vue-component-meta@4836

vue-component-type-helpers

pnpm add https://pkg.pr.new/vuejs/language-tools/vue-component-type-helpers@4836

@vue/language-core

pnpm add https://pkg.pr.new/vuejs/language-tools/@vue/language-core@4836

@vue/language-plugin-pug

pnpm add https://pkg.pr.new/vuejs/language-tools/@vue/language-plugin-pug@4836

@vue/language-server

pnpm add https://pkg.pr.new/vuejs/language-tools/@vue/language-server@4836

vue-tsc

pnpm add https://pkg.pr.new/vuejs/language-tools/vue-tsc@4836

@vue/language-service

pnpm add https://pkg.pr.new/vuejs/language-tools/@vue/language-service@4836

@vue/typescript-plugin

pnpm add https://pkg.pr.new/vuejs/language-tools/@vue/typescript-plugin@4836

commit: cd14b23

[zhiyuanzmj]

How about add a unit test

[KazariEX]

Type assertion expressions can only be used in TypeScript files.

I don't know how to check the type of it :)

[zhiyuanzmj]

Added

[phil294]

With this PR, the inferred type of a useTemplateRef var is Readonly<ShallowRef<unknown>>, i.e. the html element type isn't determined based on the string key provided unless you're using TS. Is this the intended behavior?

Both problems specified in the issue itself however are indeed fixed with this, thanks for your work :)

[KazariEX]

This PR only prevents injecting generics in JS to avoid unexpected type inference. When you don't use generics, useTemplateRef returns Readonly<ShallowRef<unknown>> by default.

When using TypeScript, Vue's IDE support and vue-tsc will automatically infer the type of inputRef.value based on what element or component the matching ref attribute is used on.