VS Code tokens to highlight every reactive variable (not only RefValue)

[nicooprat]

Hi there,

I just discovered that refs where underlined in my code this morning:

Would it be possible to make this happen for anything reactive like ComputedRef and so on? It would make reading the code way more understandable in terms of reactivity, especially for new comers in this paradigm!

Couldn't find anything in the codebase relative to this, I hope I'm in the right repo :)

Thanks.

[johnsoncodehk]

I have just answered it. 👀
https://m.webtoo.ls/@johnsoncodehk/109875438771908609

[nicooprat]

I'm not sure to understand. I guess Volar is already working with TypeScript to know that it's a Ref (from Vue types). In my example above, I'd like to "highlight" getSize and size. Would it be worse in terms of performance to apply the same logic to them? Maybe I missed your point though ;)

Edit: conversation from Mastodon for context ⬇️

[johnsoncodehk]

After re-reading your question, this is a feature of Vetur and not Volar, please forward it to the Vetur repo.