JSX Template Converter

Convert JSX and TSX string attributes into JavaScript template literals.

Features

• Convert double quotes into template literals.
• Convert single quotes into template literals.
• Convert selected attribute values.
• Convert attributes by placing the cursor inside their value.
• Avoid converting existing JSX expressions.

Keyboard Shortcut

Examples

Before:

<div className="bg-red-500" />

After:

<div className={`bg-red-500`} />

Usage

1. Open a JSX or TSX file.
2. Place your cursor inside an attribute value.
3. Press Ctrl + Alt + -.

Alternatively, select an attribute value and execute the command.

License

MIT