styled-components / typescript-styled-plugin

TypeScript server plugin that adds intellisense to styled component css strings
MIT License
76 stars 7 forks source link

`tags` option doesn't work #5

Open mayank99 opened 1 year ago

mayank99 commented 1 year ago

The docs mention that an array of tags can be specified with @styled/typescript-styled-plugin.

https://github.com/styled-components/typescript-styled-plugin/blob/4b3e45449708201ab429fea4c5640cd77cb24235/README.md?plain=1#L122-L127

However, I cannot get this to work. Adding, for example, "foo" to that array, I don't get syntax highlighting on foo like how I do with css.

"plugins": [
    {
        "name": "@styled/typescript-styled-plugin",
        "tags": ["styled", "css", "foo"] // does not work
    }
]

(I have tried installing @styled/typescript-styled-plugin and typescript in my deps, to no effect)

I also cannot get other options to work, for example validate.

"plugins": [
    {
        "name": "@styled/typescript-styled-plugin",
        "validate": false // does not work
    }
]

I was able to get validate to work when using typescript-styled-plugin instead of @styled/typescript-styled-plugin, but tags does not work.

"plugins": [
    {
        "name": "typescript-styled-plugin",
        "validate": false, // works
        "tags": ["styled", "css", "foo"] // does not work
    }
]

The README switches back and forth between the two plugin names so I'm not sure which one is right. https://github.com/styled-components/typescript-styled-plugin/blob/4b3e45449708201ab429fea4c5640cd77cb24235/README.md?plain=1#L124 https://github.com/styled-components/typescript-styled-plugin/blob/4b3e45449708201ab429fea4c5640cd77cb24235/README.md?plain=1#L165


Environment info: pnpm workspaces, vscode, windows 11

mayank99 commented 1 year ago

actually, after updating to the pre-release version (v1.7.6) of vscode-styled-components, i was able to get linting and intellisense working with custom tags (passed with @styled/typescript-styled-plugin), but syntax highlighting is still broken.