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:
parent
b27e3655d1
commit
82acb354ca
9 changed files with 975 additions and 5 deletions
|
|
@ -1,6 +1,8 @@
|
|||
<template>
|
||||
<div>
|
||||
<NuxtRouteAnnouncer />
|
||||
<NuxtWelcome />
|
||||
<div class="w-full min-h-screen flex justify-center items-top">
|
||||
<NuxtPage />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
1
app/assets/css/tailwind.css
Normal file
1
app/assets/css/tailwind.css
Normal file
|
|
@ -0,0 +1 @@
|
|||
@import "tailwindcss";
|
||||
21
app/pages/index.vue
Normal file
21
app/pages/index.vue
Normal 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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue