michaelgmcd / vscode-language-babel

VSCode syntax highlighting for today's JavaScript
https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel
MIT License
131 stars 17 forks source link

Support for styled-components createGlobalStyle #100

Closed curtvict closed 2 years ago

curtvict commented 2 years ago

Describe the issue

This extension seems to work great with regular styled components, but doesn't seem apply syntax highlighting for createGlobalStyle calls. I'm using the Oceanic Next theme and the screenshot, below, comes from a .ts file.

Screenshot of Current Behavior

image

Sample Code to Reproduce

You should be able to replicate this easily in a project with:


import { createGlobalStyle } from 'styled-components';
...
export const GlobalStyles = createGlobalStyle`
  html {
    box-sizing: border-box;
  }

  *, *:before, *:after {
    box-sizing: inherit;
  }
`;
``
michaelgmcd commented 2 years ago

Unfortunately, this plugin is only used for JavaScript files (.js, .jsx). Support for TypeScript is out of scope for several reasons.