Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Vscode intellisense plugin #347

Open
nelsonomuto opened this issue Jan 19, 2022 · 5 comments
Open

Vscode intellisense plugin #347

nelsonomuto opened this issue Jan 19, 2022 · 5 comments

Comments

@nelsonomuto
Copy link

nelsonomuto commented Jan 19, 2022

馃殌 Feature Proposal

Tailwind intellisense autocomplete with your theme would be super useful for xstyled.

The styled components plugin is more basic intellisense for the css`` blocks which is useful as well.

Motivation

Improve developer experience

Examples

This would be used in vscode for adding tailwind values to bg color like in tailwind

Screen Shot 2022-01-19 at 11 49 17 AM

and also for css`` style blocks like in styled components
demo-vscode

Pitch

Why does this feature belong in the xstyled ecosystem?

Seeing that xstyled is somewhat of a combination between tailwind (because of its declarative focus) and styled components (it also enables css`` blocks in jsx) I think it would be useful to have a plugin similarly: and most importantly for the xstyled component attributes and values to help improve developer experience when working with xstyled.

@gregberge
Copy link
Collaborator

gregberge commented Jan 23, 2022

Hello @nelsonomuto,

I totally agree with you, it would be awesome to get it work! In order to do it we should provide a static theme in a xstyled.config.js for an example, but it is an acceptable tradeoff for me.

Actually I don't have time to build it, but feel welcome to work on it!

@nelsonomuto
Copy link
Author

I'll take a look this weekend to see if I can add it

@shrihari-balasubramani
Copy link

Following https://xstyled.dev/docs/typescript/ seems to add the IntelliSense autocomplete work.
Ensure tsconfig.json includes the respective config file.
Feel free to close this issue

@gregberge
Copy link
Collaborator

Not in styled components, so I let it opened.

@quantizor
Copy link
Collaborator

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants