Support Melt UI, and shadcn/ui

[youfun]

There are UI component libraries such as Melt UI, and shadcn/ui, which allow us to create our own custom UI components.

https://www.shadcn-svelte.com/docs/installation

https://melt-ui.com/docs/installation

[woutdp]

Do they not work when trying to use them in your Svelte files?

[youfun]

not work. I fellow the step on the installation doc, return a error

can not find a postcss.config.js  with pcss 

I add a config file to the project,but I'm still getting a error. I think the problem might be with the compilation tool, but I don't have enough knowledge to fix it.

[youfun]

Perhaps adding some code to the build file(bulid.js)would fix this issue?

[woutdp]

It could be that it requires Vite, but not sure. I haven't used any of them

[youfun]

mabye this project can help：https://github.com/tomciopp/ex_postcss

[zhangzhen]

@youfun do you have successfully used shadcn_svelte in your livesvelte app?

[timadevelop]

Just letting you know that I saw at least 2 projects using shadcn svelte with live_svelte. It's possible and it works fine (npx shadcn-svelte@latest add also works). Follow https://www.shadcn-svelte.com/docs/installation/manual. There are some quirks but all of them are fixable.

[pferriby]

Ah superb - if it's a reasonably easy/stable setup that would tick one of the few remaining blockers I'd have in going down the Phoenix+Svelte path for an upcoming project (coming from a Svelte and Remix background).

[pferriby]

It seems to work.... but...
When bringing in a component that is based on a bits-ui component further up the chain (eg Button) it doesnt seem to tree shake and brings in everything from that lib (I think) and you end up with an 8mb (900k in prod) app.js file.

Unless I've missed something obvious.