Prop types not showing correctly in template when using different casing in template and defineProps?

Not sure if it’s just me, but I have this issue where if I define a prop with camelCase, and then I assign a value in the template of the parent component using kebab-case, hovering over the attribute will show the type of my input instead of the type of the actual prop. Using camelCase instead will show the correct typing on hover.

Child Component (tried using type declaration, runtime declaration and non script setup method with defineComponent)

Parent Component:

On v0.31.1

[johnsoncodehk]

Now we show both casing hover info.

For go further use case you can setting vueCompilerOptions.strictTemplates = true, it only allow define prop as camelCase so that avoid this problem.

[johnsoncodehk]

@jacobprudhomme unfortunately snake_case is currently intentionally not supported, because it will makes type computation and codegen more complicate.