This VSCode extension highlights Rudder-prefixed components in JSX/TSX files. It makes it easy to spot components like <RudderListItem /> or <RudderProductCard /> with orange highlighting for the component name and gray for the opening bracket.
Example:
{/** This will be orange **/}
<RudderNode {...props}>
<AnotherNode />
</RudderNode>
Features:
Clear Syntax Highlighting: Tag names in orange for easy identification.
Bracket Highlighting: The opening bracket < is kept gray for better readability.
Dark & Light Theme Support: Fully optimized for both themes.
Installation:
Install directly from the VSCode Extensions Marketplace.