[Feature]: Support Nuxt Layer

[madsh93]

Describe the feature

Hi!

Nuxt Layer is an excellent tool to create an instance of nuxt that contains boilerplate/themes that are to be used on multiple sites. It would make sense for Shadcn to support Nuxt Layer, thus not having to install Shadcn on all layers.

Additional information

• [ ] I intend to submit a PR for this feature.
• [ ] I have already implemented and/or tested this feature.

[zernonia]

Hey hey @madsh93 .. I believe this would be super easy right? Just create a new folder then initialize the shadcn-vue installation.

Maybe we can update the docs for whoever want to use this Layer approach? 😁 Or you have any approach in mind?

[madsh93]

@zernonia Okay, just great if its easy. I just don't know how to. :-) If it could get added to the docs I would very much appreciate that.

[zernonia]

I've created a NuxtLayer template https://github.com/radix-vue/shadcn-vue-nuxt-layer, for whoever interested. It might have some issue.. so please me let know!!

[gmickel]

Building on the example provided by @zernonia I posted a working example here:

https://github.com/gmickel/shadcn-vue-nuxt-layer-monorepo

The key change I made was to add

tailwindcss: {
    cssPath: join(currentDir, './assets/css/tailwind.css'),
  }

to the nuxt.config of the base layer. Hope this helps!

[zernonia]

Thanks @gmickel ! I've updated the example with your suggestion!

[dangvanthanh]

@zernonia

Your repo is working. But after I installed all components. It's show errors.

[dangvanthanh]

@madsh93

Try Shadcn Layer UI. Hope this helpers!

Thanks @gmickel @zernonia for example.