Vue `v-if` and `ref` build error: Property 'value' does not exist on type 'boolean'. Did you mean 'valueOf'?

vue-error.md

Vue v-if and ref build error: Property 'value' does not exist on type 'boolean'. Did you mean 'valueOf'?

I've created a simple vue page with the code below: Vue link

however, when building, I've got an error:

I've tried to change "loading.value" to "loading", but the page isn't working, obviously it's not an option.

Also, the type check seems fine if I use "loading.value" in the js block. It seems there are some magic going on in the "v-if" block. It's supposed to convert Ref<boolean> to boolean automatically.

I use bun and vite.

1. install bun: powershell -c "irm bun.sh/install.ps1 | iex"
2. create project: bun create vite.
3. select Vue+TypeScript.
4. run bun install.
5. Replace the code in App.vue.
6. run bun run dev to check the web page.
7. run bun run build.

I've tested this on npm, but I got an additional error: