How to change jsx className behavior for css-modules

I’m trying to alter the behavior of emmet for classes in jsx to use a css module rather than a string:

abr	current	desired
div.a	<div className="a"></div>	<div className={styles.a}></div>

However, I can’t seem to figure out how to achieve this. as for as I understand I need a custom filter to do this. and I’m not even sure if custom filters are possible.

Is somebody able to point me in the right direction?

[wunnle]

Any updates on this?

[Moretai]

@midgethoen do you fix this in vscode?