TypeScriptSyntax icon indicating copy to clipboard operation
TypeScriptSyntax copied to clipboard

Add styled-component support

Open tsujp opened this issue 5 years ago • 3 comments

This is probably out of scope for this repo, but I cannot use styled-components with this as there are of course no syntax definitions for it. For .tsx files it'd be nice to support styled-components and I suppose, for other people, other CSS types commonly used in React projects.

As far as I know this need not be included in .ts, purely .tsx TypeScriptReact since React complains if you use JSX with TypeScript in anything other than a .tsx extension file, whereas for pure JS and JSX it's only a convention that JSX is in .jsx files.

Screen Shot 2019-12-31 at 5 06 41 pm

tsujp avatar Dec 31 '19 09:12 tsujp

This is definitely out of scope in this repo sorry. This repo is just a stripped down version of the TypeScript package and isn't really for additional development.

See here for upstream issue (unfortunately closed): https://github.com/microsoft/TypeScript-TmLanguage/issues/342

willstott101 avatar Jan 08 '20 11:01 willstott101

Perhaps see: https://www.styled-components.com/docs/tooling#sublime-text

willstott101 avatar Jan 08 '20 12:01 willstott101

I figured it might be but wanted to ask anyway. I'm going to port over some Stlyed Components sublime text syntax definitions and use this package as a baseline for that. It'll take a bit as I have other things on my plate but once done I'll link back here so if anyone has a similar query they can find a solution also.

tsujp avatar Jan 08 '20 13:01 tsujp