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
Daryl2y ago
Can you share the errors you get?
Mart
Mart2y ago
I have the same problem, it's that shadcn's components are not setup correctly according to ESLint's tailwind order
JulieCezar
JulieCezar2y ago
What errors do you get? I have none
Aland
Aland2y 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
cje2y 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
Want results from more Discord servers?
Add your server