Styled components / Atom: no autocompletion, and, no highlighting on extended styles

[metamn]

I can't autocomplete with styled components, at all:

Syntax highlighting works unless the style is an extended style:

Source code: https://github.com/metamn/mr-ui/blob/master/src/basics/TypographyClassic/TypographyClassic.js

I have the latest (2.85.0) language-babel with Styled Components Auto-Complete checked:

Thank you, no rush :)

[tedjames]

Also having an issue with this. Can someone look further into this? Much appreciated!

[royipressburger]

regarding the syntax highlight, it looks like every prefix which is not styled well cause the css not be highlighted. for example:

import styled from 'styled-components`;

const style  = styled.div`
    // here all styles will be highlighted
`

//But if we change the import:
import style from 'styled-components';

const styled  = style.div`
    // no highlight in here
`

this is of course will be issue with createGlobalStyle

[BryantIT]

I also have this issue.