v-if directive is not working as expected when passing computed property as props
Vue version
3.3.1
Link to minimal reproduction
Steps to reproduce
- Please visit the demo
- Click on the "Toggle Loading" button
- Notice changes in the preview
What is expected?
In the wrapper component, "Loading" text should be only visible if loading
prop is true
What is actually happening?
In the wrapper component "Loading" is visible regardless the loading
props is true or not
System Info
No response
Any additional comments?
One way i found to remedy this is to use unref
inside child component