typescript-styled-plugin icon indicating copy to clipboard operation
typescript-styled-plugin copied to clipboard

`tags` option doesn't work

Open mayank99 opened this issue 2 years ago • 1 comments
trafficstars

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 avatar Jan 09 '23 22:01 mayank99

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.

mayank99 avatar Jan 09 '23 23:01 mayank99