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.

Sign up for GitHub

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

Jump to bottom

styled-jsx #170

Open

Schniz opened this issue Mar 24, 2020 · 0 comments

Contributor

Schniz commented Mar 24, 2020

Hey 👋
thanks for this awesome vim package.

There's an issue with styled-jsx which is the default styling library for Next.js. The following code is being highlighted incorrectly:

export function NextJsStyle() {
  return (
      <style jsx>{`
        .list-item {
          list-style: none;
        }
      `}</style>
  );
}

I already mentioned it on #165, the fix did work for CSS rules with parens though:

export function NextJsStyle() {
  return (
      <style jsx>{`
        :global(.item) {
          list-style: none;
        }
      `}</style>
  );
}

but even then, I'd assume it should be formatted as a string and not as TypeScript code?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment