refactor(ui): add correct header on page

sfxcode · Aug 4, 2024 · c8b037e · c8b037e
1 parent a0a1bd1
commit c8b037e
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 11 deletions.
diff --git a/app/pages/data/stores.vue b/app/pages/data/stores.vue
@@ -10,7 +10,7 @@ onMounted(async () => {
 
 <template>
   <div class="card">
-    <h5>Store Settings</h5>
+    <h2>Store Settings</h2>
     <h5 class="font-bold text-2xl mb-4">
       Primevue Theme Store
     </h5>

diff --git a/app/pages/index.vue b/app/pages/index.vue
@@ -3,7 +3,7 @@ import AdvertiseBox from '@/components/AdvertiseBox.vue'
 </script>
 
 <template>
-  <div class="surface-0 text-center">
+  <div class="card surface-0 text-center">
     <div class="mb-3 font-bold text-4xl">
       <span class="text-green-600">PrimeVue </span>
       <span class="text-blue-400"> & TypeScript</span>

diff --git a/app/pages/prime/validation.vue b/app/pages/prime/validation.vue
@@ -23,8 +23,7 @@ onMounted(() => {
 
 const schema = reactive(
   [
-    addElement('h2', ['Validation with FormKit']),
-    addElement('h3', ['Inputs from PrimeVue']),
+    addElement('h5', ['Validation with FormKit - Inputs from PrimeVue']),
     {
       $formkit: 'primeInputText',
       name: 'email',
@@ -129,6 +128,8 @@ async function submitHandler() {
 <template>
   <div class="card flex flex-wrap gap-10">
     <div class="basis-1/3 md:basis-1/4">
+      <h2>Data Edit</h2>
+
       <div v-if="data" class="min-w-25rem">
         <FormKitDataEdit
           :schema="schema" :data="data"
@@ -139,9 +140,11 @@ async function submitHandler() {
       </div>
     </div>
     <div class="basis-1/2 md:basis-1/3">
-      <h2>Formkit Debug</h2>
+      <h2>Formkit-PrimeVue</h2>
       <div class="text-xl mt-12">
-        <h3>More examples</h3>
+        <h4>GitHub</h4>
+        <a href="https://github.com/sfxcode/formkit-primevue">formkit-primevue</a>
+        <h4>More examples</h4>
         <a href="https://formkit-primevue.netlify.app/">Formkit PrimeVue Demo</a>
       </div>
     </div>

diff --git a/app/pages/ui/icons.vue b/app/pages/ui/icons.vue
@@ -4,10 +4,7 @@
 
 <template>
   <div class="card">
-    <h5>Icons</h5>
-    <h1 class="text-blue-600">
-      Icons by UnoCSS
-    </h1>
+    <h2>Icons by UnoCSS</h2>
     <div class="i-logos-vue text-6xl" />
     <h3>Iconset: MDI</h3>
     <div class="mt-6 grid grid-cols-3">

diff --git a/app/pages/ui/tiptap.vue b/app/pages/ui/tiptap.vue
@@ -11,7 +11,7 @@ function resetText() {
 
 <template>
   <div class="card">
-    <h5>TipTap as alternative Editor</h5>
+    <h2>TipTap as alternative Editor</h2>
 
     <div class="pb-2">
       <Button size="small" label="Reset" @click="resetText" />