Toggle curly braces in JSX/HTML properties?

[mgutz]

I do a lot of web development. It would be nice to toggle between a quoted string to curly brace backtick. This is when I use your extension the most.

<div class="flex | " />

toggle to 

<div class={`flex | `}

[mz8i]

Second that. I mostly use the extension in the context of React/TSX and switching from a normal string ('foobar') to a template literal (`foo${bar}`).

JSX accepts properties with single and double quotes, but template literals need to be passed inside curly braces, otherwise it's a syntax error. So just switching the quote style is not enough - you also need to wrap the whole literal in the braces.

This feature would be such a time-saver!