Comments (4)
@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.
from language-tools.
@matthewp Astro:
from language-tools.
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>
from language-tools.
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
from language-tools.
Related Issues (20)
- 🐛 BUG: Can't toggle comments in braces HOT 4
- 🐛 BUG: Syntax highlighting in braces HOT 3
- 🐛 BUG: Auto add missing imports dont work well HOT 1
- 🐛 BUG: autocompletion seems not work properly for pandacss HOT 1
- 🐛 BUG: ASCII is not syntax highlighted HOT 1
- 🐛 BUG: Format code is wrong and breaks structure HOT 2
- `@astrojs/check` includes `/dist` and`/public` HOT 9
- 🐛 BUG: astro check reports incorrect errors on HTMLAttributes HOT 11
- 🐛 BUG: Autocomplete fragment
- 💡 RFC: EditorConfig compatibility HOT 1
- 🐛 BUG: LS crashes on neovim HOT 2
- Astro check overrides configured jsxImportSource in TSX files HOT 2
- 🐛 BUG: upgrade @astrojs/check from 0.3.2 to 0.3.3 astro check command throws error within React components HOT 1
- 🐛 BUG: Updates in typescript types are only recognized after restarting the LSP HOT 7
- 🐛 BUG: Variables returned from component script are marked as unused by `noUnusedLocals` HOT 1
- 🐛 BUG: Spread operator triggers commit character of IntelliSense suggestion. HOT 1
- 🐛 BUG: No type support/suggestions when using {} for href.
- 🐛 BUG: typing error in astro components after updating to version 2.6.0 vscode extension HOT 15
- 🐛 BUG: latest version of Astro extension in vscode showing errors HOT 1
- 🐛 BUG: Support for typescript inside <script> tags with define:vars HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from language-tools.