VSCode extension doesn't highlight variant group classes

[itpropro]

If you are using variant groups, the first and (often) the last class in a variant group doesn't get parsed/detected by the vscode extensions.

Here is another example to test:

before:(scale-0 transition ease-in-out duration-100 content-empty h-3 w-3 rounded-50% duration-100 bg-blue-500)

[antfu]

Yes, it's not yet supported. PR welcome if anyone want to work on it.

[itpropro]

I would love to create a PR for that, where can I find some documentation on the vscode extension and which shared libraries/unocss imports it uses and how to debug that besides the normal MS documentation @antfu ?

[antfu]

unocss/packages/shared-common/src/index.ts

Line 29 in 08c7117

export function getMatchedPositions(code: string, matched: string[]) {

You can test it with the playground/, they are using the same function to highlight utils.

[itpropro]

Thanks for the hint @antfu, I never worked with vscode extensions before. UnoCSS didn't compile in Windows (at least on my clean Win 11 node 16 VM), so I had to switch to WSL, but everything seems to work there. I have created PR #1468 that adds highlighting for the classes inside of the variant group. I hope, I find some time the next days to take a look at how to fix highlighting for the variant itself and maybe the annotation to include the variant.