Adding a theme to a Laravel Starter Kit

[gainlinejono]

Hi there,

This is brilliant and exactly what i've been looking for.

However, when attempting to add a theme to a Laravel Starter Kit for example the Inertia/Vue Starter Kit, adding the theme throws an error in the cli.

pnpm dlx shadcn@latest add https://tweakcn.com/r/themes/mono.json

✔ You are about to install a new style. 
Existing CSS variables and components will be overwritten. Continue? … yes

Something went wrong. Please check the error below for more details.
If the problem persists, please open an issue on GitHub.

Invalid configuration found in components.json

This is because the components.json file by default in the Starter Kit, includes the config line:

typescript: true

as can be seen here: https://github.com/laravel/vue-starter-kit/blob/main/components.json

Whilst this isn't the correct syntax i wonder if it's possible to ignore this rather than look for tsx?

For now there's a way round it by just removing this line from the components.json and then installing the theme as the instructions say but i would imagine quite a lot of people would get this error when the new starter kits are based on shadcn for React & Vue.

Again, appreciate the work you're doing!

Thanks

Jonathan

[jnsahaj]

Hi, this looks like an issue with the starter kit. Tweakcn's files follow shadcn registry format and have no control over the user's components.json file

Let me know if my assumption is incorrect.

[gainlinejono]

You are correct yes. I was just wondering if it that line could be ignored from your end.

[jnsahaj]

Not possible on my end. I would request raising this issue on the starter kit's repo

[gainlinejono]

Hi @jnsahaj

Just following up on this, the fix has been merged by Taylor @ Laravel into their starter kit now

laravel/vue-starter-kit#166

Thanks for your help!

Jonathan