Theo's Typesafe Cult•13mo ago

shadcn eslint hell

I am using t3-stack for a while and previously used vanilla tailwind and chakra-ui. I've heard a lot of good things about shadcn-ui and how it is just copy-paste and its a library. But I am trying to start using it after creating a project with t3-stack and I keep seeing eslint errors for the imported components.

5 Replies

Daryl•13mo ago

Can you share the errors you get?

Mart•13mo ago

I have the same problem, it's that shadcn's components are not setup correctly according to ESLint's tailwind order

JulieCezar•13mo ago

What errors do you get? I have none

Aland•13mo ago

Didn't get any errors so far just a lot of warnings:

./components/ui/accordion.tsx
30:18  Warning: Invalid Tailwind CSS classnames order  tailwindcss/classnames-order

./components/ui/tabs.tsx
16:16  Warning: Invalid Tailwind CSS classnames order  tailwindcss/classnames-order

./components/ui/accordion.tsx
30:18  Warning: Invalid Tailwind CSS classnames order  tailwindcss/classnames-order

./components/ui/tabs.tsx
16:16  Warning: Invalid Tailwind CSS classnames order  tailwindcss/classnames-order

cje•13mo ago

Install the tailwind prettier plugin and then run prettier on your entire codebase T3 App in the current version should include the plug-in

Gaming

Programming

shadcn eslint hell