Nuxt + PrimeVue button not rendering.

I installed primeVue to my Nuxt project. suddenly the buttons and textfield's style are not working anymore.

Here is my Nuxt Config
// https://nuxt.com/docs/api/configuration/nuxt-config
const baseUrl = '/';
export default defineNuxtConfig({
runtimeConfig: {
public: {
apiHost: 'http://localhost:8080',
}
},
typescript: { strict: true },
devtools: { enabled: true },
modules: ['@nuxtjs/tailwindcss', '@pinia/nuxt', 'nuxt-primevue'],
css: ['primevue/resources/themes/lara-light-teal/theme.css'],
postcss: {
plugins: {
tailwindcss: {},
autoprefixer: {}
}
}
});

​

https://preview.redd.it/9jetf64vpk1c1.png?width=832&format=png&auto=webp&s=7b7f6dc7848001f55c09b2b67616ca1d31416282

4 comments · 100% upvoted · other discussions

comments

lightofpast

Same here, other components seem to work tho

bionic_engineer [OP]

It seems there is conflict with tailwindcss that is not yet figured out.

[deleted]