Skip to content

Conversation

@kylecarbs
Copy link
Member

Summary

Integrates eslint-plugin-tailwindcss (beta v4 support) to enforce consistent Tailwind CSS class ordering and modern syntax.

Changes

  • Add eslint-plugin-tailwindcss@4.0.0-beta.0 with partial Tailwind v4 support
  • Configure plugin rules:
    • classnames-order: Enforce consistent class ordering
    • enforces-shorthand: Use Tailwind shorthands (e.g., truncate instead of whitespace-nowrap overflow-hidden text-ellipsis)
    • migration-from-tailwind-2: Update deprecated v2 classes (e.g., flex-shrink-0shrink-0)
    • no-contradicting-classname: Error on conflicting classes

Results

Auto-fixed 408 Tailwind warnings across 57 files:

  • 368 class ordering fixes for consistency
  • 20 shorthand replacements for brevity
  • 20 deprecated class migrations

All changes are auto-generated by ESLint --fix and improve code quality without affecting functionality.

Generated with cmux

- Add eslint-plugin-tailwindcss@4.0.0-beta.0 for Tailwind CSS v4 partial support
- Configure plugin with recommended settings (classnames-order, enforces-shorthand, etc.)
- Auto-fix 408 Tailwind linting warnings across 57 files:
  - Consistent class ordering (368 fixes)
  - Replace verbose patterns with shorthands (truncate, shrink-0, etc.) (20 fixes)
  - Migrate deprecated Tailwind v2 classes (20 fixes)

Generated with `cmux`
@kylecarbs kylecarbs merged commit 287468f into main Oct 23, 2025
13 checks passed
@kylecarbs kylecarbs deleted the tailwind-linting branch October 23, 2025 03:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant