search

sek-consulting / solid-ui

Beautifully designed components. Built with Kobalte & corvu. Styled with Tailwind CSS.
https://www.solid-ui.com
MIT License
807 stars 31 forks source link

Hassles experienced installing to existing Vite project #133

Open AgileInteractive opened 2 weeks ago

AgileInteractive commented 2 weeks ago

First of all, I just want to say I love the work you are all doing. I just want to chime in with my experience trying it out, I hope it can be a smoother experience in the future.

Followed this guide to try to add Solid-UI to my existing project, and got into many issues:

  1. It doesn't state properly that the Edit tsconfig.json file step is optional. I have a vanilla js project
  2. Editing vite.config.ts (well in my case vite.config.js not ts), I got error that __dirname does not exist (used chat-gpt to get it resolved)
  3. After running the CLI, i got error that tsconfig.json does not exist, even if i chose no to Typescript
  4. It deleted all the existing css in my app.css file and file was empty. Probably should also be more clear that it is the tailwinds global css that is targeted, and not other "global" css files one might have from the project.
  5. It deleted all the existing config in my tailwind.config.js file and file was empty
  6. After i added a button, i got the error missing class-variance-authority. Went to npm and installed it manually

After all this, I recovered some of the deleted stuff and decided to go to the manual section, and after trying for a while I finally got it working with a little luck.

sek-consulting commented 2 days ago

Thanks for your feedback! :) The JS integration was never completely finished, but I'm currently in the process of reworking the CLI which includes finally fixing all the JS related issues.