How to get Emmet to generate a custom JSX attribute without quotes

[volkancakil]

By default, when I expand an html tag with an attribute, the attribute's value gets surrounded by quotes.
I'm trying to remove the quotes generated by Emmet around the props.onClick value for custom attribute onClick.

My input (then TAB to expand):
button[onClick={props.onClick}]

Emmet's output:
<button onClick="props.onClick"></button>

What I expect (props... WITHOUT quotes):
<button onClick={props.onClick}></button>

Whereas, I want to have to specify when the expanded version wrapping with quotes.
Either rapping it around double brackets doesn't work. Is that possible with vscode.emmet?

[vscodebot]

(Experimental duplicate detection)
Thanks for submitting this issue. Please also check if it is already covered by an existing one, like:

• Expand selection, a level to not include quotes (#27984)

[ramya-rao-a]

@sergeche Are you aware of any customization that allows not having the quotes around the attribute value at all?

[sergeche]

Yes, you can add additional check for React attributes here: https://github.com/emmetio/markup-formatters/blob/master/format/html.js#L232

The React attribute object contains { before: '{', after: '}' } options: https://github.com/emmetio/abbreviation/blob/master/test/attributes.js#L77

[ramya-rao-a]

Thanks @sergeche!

If anyone is interested in picking this up, please submit a PR in the https://github.com/emmetio/markup-formatters repo

[skprabhanjan]

@ramya-rao-a , I would like to pick this up.
Where exactly should I start ? (submitting a PR to other repo confused me, so I just want to know)
Thanks :)

[volkancakil]

@ramya-rao-a i have made a PR emmetio/markup-formatters#2
@sergeche can you check this please?

[sergeche]

Available as @emmetio/expand-abbreviation@0.7.3