Show HN: ESLint plugin for vanilla-extract CSS

1 point

a year ago

I've created an ESLint plugin specifically for vanilla-extract CSS. This plugin aims to improve code quality and catch common errors when working with vanilla-extract in your projects.

Key features:

- Enforces CSS property ordering in all vanilla-extract APIs (alphabetical, concentric, and custom) - Built for ESLint 9 flat config system - Provides auto-fix capability to automatically sort properties - Handles complex cases like nested objects, arrays of styles, and pseudo selectors - Additional linting rules for enhanced code quality (see roadmap for upcoming features)

As a dev using vanilla-extract CSS in my projects, I found myself missing a linting plugin for it. I find it helps maintain a cleaner, more efficient codebase. The plugin is open-source and contributions are welcome.