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: {}
}
}
});
4 comments · 100% upvoted · other discussions
Same here, other components seem to work tho
bionic_engineer [OP] 1 points · Nov 2023
It seems there is conflict with tailwindcss that is not yet figured out.
[deleted] 1 points · Mar 2024
[removed]
bionic_engineer [OP] 1 points · Mar 2024
Yes, here.
https://primevue.org/nuxt/
https://primevue.org/csslayer/