VSCode: JSX {} dynamic operator isn't higlighted #7
Assignees
Labels
feat: syntax
Issue in our syntax highlighting (scope)
Comments
|
@RafidMuhymin can you provide an example of how this is highlighted in JSX but is not being highlighted in Astro? In my theme there is no special color provided to either of these. If there's a theme you use where that's not the case please let me know so I can check it out. |
|
@matthewp Astro: JSX: |
|
Minimal repro: ---
// Please view the code in VSCode. Highlighting in GitHub is different from VSCode
---
<!DOCTYPE html>
<html>
<body>
<!-- The JSX {} operator isn't highlighted property in the following lines -->
<h1>Hello {src}!</h1>
<img {src} />
<!-- The inner JSX {} operator in the following line is highlighted properly -->
{(<img src={src} />)}
</body>
</html> |
3 tasks
|
This was fixed, however something to note is that you very rarely see native highlighting for brackets these days due to VS Code's bracket colorization. So to see the updated colors, you'd have to disable that |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
What package manager are you using?
yarn
What operating system are you using?
Windows
Describe the Bug
The JSX {} dynamic operator isn't higlighted
Steps to Reproduce
The JSX {} dynamic operator should be higlighted
Link to Minimal Reproducible Example (Optional)
No response
The text was updated successfully, but these errors were encountered: