You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the feature in detail (code, mocks, or screenshots encouraged)
In versions prior to Skeleton v3 we implemented a build-time process that would scan all components and generate a unique list of props that utilize the special CssClass type. This class simply represented a string, but by doing this we could generate a JSON file like this:
This was then used as part of the Skeleton CSA (aka v2 CLI) to insert this file into user's Skeleton project. This would live here:
./.vscode/settings.json
By doing this, VS Code can identify all Skeleton props that should take CSS classes, allowing for Intellisense auto-complete.
Goal
In v3 we should try to find a way to generate similar JSON files for each component framework - since prop names can differ. Then providing a manual (but optional) onboarding step for users that wish to install this in their project and gain this functionality. Perhaps look at if similar functionality is available for other popular editors as well.
Then long term, we should revisit moving this to a dedicated Skeleton VS Code extension so users no longer have to manage this on their own.
NOTE: The CSA approach will never be possible again as we will never build tooling for scaffolding user apps again. It's just not possible when supporting multiple frameworks and meta-framework combinations.
What type of pull request would this be?
New Feature
Provide relevant links or additional information.
No response
The text was updated successfully, but these errors were encountered:
endigo9740
changed the title
Review Tailwind Intellisense auto-complete for classes
Review VS Code Intellisense auto-complete for Tailwind classes
Feb 4, 2025
Describe the feature in detail (code, mocks, or screenshots encouraged)
In versions prior to Skeleton v3 we implemented a build-time process that would scan all components and generate a unique list of props that utilize the special
CssClass
type. This class simply represented a string, but by doing this we could generate a JSON file like this:https://raw.githubusercontent.com/skeletonlabs/skeleton/master/packages/skeleton/scripts/tw-settings.json
This was then used as part of the Skeleton CSA (aka v2 CLI) to insert this file into user's Skeleton project. This would live here:
By doing this, VS Code can identify all Skeleton props that should take CSS classes, allowing for Intellisense auto-complete.
Goal
In v3 we should try to find a way to generate similar JSON files for each component framework - since prop names can differ. Then providing a manual (but optional) onboarding step for users that wish to install this in their project and gain this functionality. Perhaps look at if similar functionality is available for other popular editors as well.
Then long term, we should revisit moving this to a dedicated Skeleton VS Code extension so users no longer have to manage this on their own.
What type of pull request would this be?
New Feature
Provide relevant links or additional information.
No response
The text was updated successfully, but these errors were encountered: