pug v-if not guarded as defined / != null

[Shinigami92]

I have a weird bug 🤔

I have a component and use v-if="panel" for checking if the variable is not null
But in the @click it is still nullable, but this will never be null there

[rchl]

It can be null because that code will run when clicking the element so at that point panel might have become null.

[Shinigami92]

@rchl
How am I possible to click on the button when the panel is null?

[rchl]

That's true, the element will disappear then. I suppose that's not something the type system is aware of though so it might be hard to fix, if possible at all. Also there might be an issue like that already.

[Shinigami92]

As far as I know in a much historical previous version of volar this was working and didn't complain
Then later on @johnsoncodehk started to implemented more and more type heavier commits to volar
So I assume it is somehow possible to fix it at least in the context when the variable is on the same tag/component

[johnsoncodehk]

We used to support it in 0.21.6, then removed it in 0.21.14, so it caused some wrong type behavior.
Later 0.34.12 supports it in another way, in the latest version you need to set vueCompilerOptions.narrowingTypesInInlineHandlers = true in tsconfig to enable it.

[Shinigami92]

@johnsoncodehk I hope I just did not missed it but I feel like you need to setup a documentation (Maybe even with VitePress like other Vue-Ecosystem tools)

[johnsoncodehk]

Yes we plan to document it at https://vuejs.org/.

[Shinigami92]

Just as a user feedback:

this is the place/link where I would usually look for a docs link

[johnsoncodehk]

Good idea. :)

[EmilyRagan]

Yes we plan to document it at https://vuejs.org/.

@johnsoncodehk I see in my tsconfig when setting this value that narrowingTypesInInlineHandlers is now deprecated, but I am still getting errors of the original problem reported in this issue. How can I resolve this? I have Vue 3.3.4 and vue-tsc 1.8.5