Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Support for styled-components createGlobalStyle #100

Closed
curtvict opened this issue Jun 7, 2022 · 1 comment
Closed

Support for styled-components createGlobalStyle #100

curtvict opened this issue Jun 7, 2022 · 1 comment

Comments

@curtvict
Copy link

curtvict commented Jun 7, 2022

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
Copy link
Owner

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants