I created a new Laravel project with the Breeze starter kit, and I selected the Vue + Inertia option. The home page and the dashboard has the expected styling, but I started expanding the project and I encountered the following problem: When I create a new view component, and put something inside the template, and then render that, the basic css doesn’t show up. I mean that for example the regular hmtl button tag is displayed as plain text, the h1 tag is not bold etc. I have also installed the PrimeVue component library and imported a theme, but those components don’t have any styling either.

I have tried writing inline styles with tailwindCSS and that styling actually shows when the elements are rendered, so I guess there might be an issue with conflicting styles, but I have not messed with the config files, so I don’t know what it could be. I have also tried creating a regular Vue app, and the regular styling dosen’t show up on those compinents either, only tailwind. Has anyone encountered any issue like this before? It’s really annoying that everything is just displayed as plain text with zero spacing unless I do the styling myself.