* 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
21 lines
761 B
Vue
21 lines
761 B
Vue
<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>
|