When using Vue's runtime template, passing rootProps of type ref results in a props validation error.

[bosens-China]

Vue version

3.5.6

Link to minimal reproduction

https://codesandbox.io/p/sandbox/romantic-hugle-2j4fhj

Steps to reproduce

When using Vue's runtime template, passing rootProps of type ref triggers a props validation error. Simply clicking the link to enter the page and opening the console will show the warning message.

What is expected?

When using Vue's runtime template, passing rootProps of type ref triggers a props validation error. This behavior differs from how ref is automatically unwrapped when used in an App.vue template. Simply clicking the link to enter the page and opening the console will show the warning message.

What is actually happening?

System Info

No response

Any additional comments?

No response

[LinusBorg]

That's expected. rootprops is not a reactive object in which refs would be unwrapped.

Just use count: count.value to pass the ref's value.

[bosens-China]

@LinusBorg I think this is wrong, if I pass.value, it will lose the responsiveness, but if I write it in a single file, it is OK, so can you give me a specific explanation?

[bosens-China]

Also my problem is the props check problem, the code can run