Unocss + primevue
So i have the unocss as a module and recently i discovered primevue which looked amazing to me, But after adding the primevue module components were there but with no styles, though the unstyled was not enabled, i did go read their docs and downloaded a folder ./presets and got some styles now but not full styles, If anyone can help me thanks a lot
5 Replies
relevant details can be found in https://github.com/pmnzt/unocss-nuxt-vueprime
GitHub
GitHub - pmnzt/unocss-nuxt-vueprime: unocss + tailwind preflight + ...
unocss + tailwind preflight + vueprime. Contribute to pmnzt/unocss-nuxt-vueprime development by creating an account on GitHub.
Hey @Supageek , were you able to solve this? I also have the same issue but I'm only using Tailwind and Primevue. The CSS layer order they recommend in their github examples:https://github.com/primefaces/primevue-examples/tree/main also don't work
This happened after upgading from Nuxt 3.7 to Nuxt 3.10.
GitHub
GitHub - primefaces/primevue-examples: PrimeVue Example Projects
PrimeVue Example Projects. Contribute to primefaces/primevue-examples development by creating an account on GitHub.
Hi, Yes.
i was able to solve it as in my repo Updated with details about the my solution.
But whats your issue in specific ?
GitHub
GitHub - pmnzt/unocss-nuxt-vueprime: unocss + tailwind preflight + ...
unocss + tailwind preflight + vueprime. Contribute to pmnzt/unocss-nuxt-vueprime development by creating an account on GitHub.
@Supageek Just the same as you, the primevue styles also aren’t being applied. I’ve tried using the cssLayerorder they recommend but it’s not working
Actually I found out I wasn't using the usePassthrough() function recommended in this github discussion https://github.com/primefaces/primevue-nuxt-module/issues/6#issuecomment-1776263960. I hope they put it out on the docs because changing the order of the css layers didn't work out for me. I'm not sure this is the best solution because now I have to define the mergeSections and mergeProps for every Prime component
GitHub
Can't get to work with Tailwind · Issue #6 · primefaces/primevue-nu...
Love to see this new Nuxt module as well as the TailwindCSS version of PrimeVue! I have been using PrimeVue as a Nuxt plugin as well as Tailwind so far, with this setup: // plugins/primevue.ts impo...