8 primevue install (#9)

* Added PrimeVue with TailwindCSS support and modified Homepage to test the changes.

* Configured vitest to use PrimeVue and wrote a quick test for home page
This commit is contained in:
Liviu Burcusel 2025-10-26 19:54:14 +01:00 committed by GitHub
parent b27e3655d1
commit 82acb354ca
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
9 changed files with 975 additions and 5 deletions

View file

@ -1,6 +1,8 @@
<template>
<div>
<NuxtRouteAnnouncer />
<NuxtWelcome />
<div class="w-full min-h-screen flex justify-center items-top">
<NuxtPage />
</div>
</div>
</template>

View file

@ -0,0 +1 @@
@import "tailwindcss";

21
app/pages/index.vue Normal file
View file

@ -0,0 +1,21 @@
<template>
<article class="w-3/4 flex flex-col gap-4 m-8 text-center">
<header class="mb-4">
<h1 class="w-full text-4xl font-bold">Homepage</h1>
<p class="w-full">This is your homepage</p>
</header>
<div class="article-content w-full">
<h2 class="w-full text-xl font-bold">First paragraph</h2>
<p class="w-full text-justify mb-4">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu ornare velit. Curabitur urna felis, malesuada et sapien
eu, tincidunt consectetur sem. Cras eu tortor nec lorem vehicula sollicitudin. Sed et pellentesque dolor, et faucibus
magna nulla.
</p>
</div>
<footer>
<Button label="Verify PrimeVue" />
</footer>
</article>
</template>