Quick question when using the primeblocks or prime in general, the p elements are not style. Is this intended to add ".p-component"? (using nuxt3) all the components seems to be okay but for some reason the other elements are not catching up with the css
As you can see it only works when adding the utility class
Code: Select all
import { defineNuxtConfig } from "nuxt3";
export default defineNuxtConfig({
buildModules: ["@pinia/nuxt"],
css: [
"primeflex/primeflex.css",
"primevue/resources/themes/vela-blue/theme.css",
"primevue/resources/primevue.css",
"primeicons/primeicons.css",
],
});
Code: Select all
<p class="p-component">Styling works </p>
<p class="text-600 line-height-3 mt-0 mb-6">Font does not work but primeflex</p>
<Button label="Button works aswell" icon="pi pi-user" class="w-full"></Button>
Code: Select all
<style>
body {
background-color: var(--surface-b);
font-family: var(--font-family);
color: var(--text-color);
}
</style>