Nested template literals break highlighting in a big way

[acnebs]

If you have nested template literals, code highlighting is broken for all subsequent code. The example below is perfectly valid code and compiles just fine, but breaks syntax highlighting in the rest of the file.

const Tab = styled.div`
  color: blue;
`

const Tabs = styled.div`
  ${props => props.vertical && css`
    ${Tab} {
      color: red;
    }
  `}
`

Here is a screenshot.

[borela]

Fixed in https://github.com/borela/naomi/releases/tag/v4.2.1 If the patch didn't work or it still breaks in another case, feel free to reopen or post a new issue;

[pedroscaff]

I have a similar issue, the patch works for the case above but when there is a . in front of the template literals, it breaks the highlighting.

Removing the .

Should I open a new issue or is it possible to reopen this issue?

[borela]

@pedroscaff Please open a new issue with the minimum reproducible sample.