[✨] Tailwind CSS Integration Overwrites .vscode/settings.json

[marcos-padilla]

Is your feature request related to a problem?

Tailwind CSS Integration Overwrites .vscode/settings.json

Describe the solution you'd like

Preserve Emmet Configuration for .tsx Files and Maintain 'class' and 'for' Attributes Instead of 'className' and 'htmlFor'

Describe alternatives you've considered

Instead of overwriting the entire .vscode/settings.json file, I recommend adding the following configuration at the end of the file:

"css.lint.unknownAtRules": "ignore"

By doing this, VS Code can continue to interpret .tsx files as Qwik files, and Emmet functionality will remain unaffected, allowing for a seamless integration of Tailwind CSS without compromising Qwik file interpretation."

Additional context

No response

[mhevery]

Any chance you could creat a PR to fix it. I am happy to guide you through it.

[saisrikardumpeti]

i would like to work on this, please guide me. like how to perform test and all.

[marcos-padilla]

Yes, I'll be glad to work on it

[mhevery]

• https://github.com/BuilderIO/qwik/blob/main/CONTRIBUTING.md
• the tailwind integration is here: https://github.com/BuilderIO/qwik/tree/main/starters/features/tailwind
• Settings are here: https://github.com/BuilderIO/qwik/blob/main/starters/features/tailwind/.vscode/settings.json
• CLI code lives here: https://github.com/BuilderIO/qwik/tree/main/packages/qwik/src/cli you can test it with pnpm cli to see if it works correctly.
• Here is an example of how special files are merged like package.json https://github.com/BuilderIO/qwik/blob/main/packages/qwik/src/cli/add/update-files.ts#L26 I assume we should add code here to merge .vscode/settings.json

This should be a good place to start. Let me know where other issues you run into.

[thecoder93]

I see that this issue is still open. Can you assign me this and i will work on it?

[gioboa]

Here we go @thecoder93 thanks