How to share tailwind configuration between nuxt layers

The Loop Tech - Vuejs

While working in the nuxt-layer-monorepo I encounter an issue with the tailwind styles:

  • UI Layer have a tailwind config file and override the default tailwind CSS configurations
  • Then using the UI Layer in the Content layer

Tailwind configurations got reset to the base for some reason, even that the layers' config should be use

So the solution that I found and is currently working is just to create a new tailwind.config.ts in the Content layer

To listen to explicit episodes, sign in.

Stay up to date with this show

Sign in or sign up to follow shows, save episodes, and get the latest updates.

Select a country or region

Africa, Middle East, and India

Asia Pacific

Europe

Latin America and the Caribbean

The United States and Canada