From 14a5cffd698f52b4d554f234fd113b37033d729b Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Wed, 18 Sep 2024 13:23:01 +0300
Subject: [PATCH] Demo cosmetics

---
 apps/showcase/doc/floatlabel/InvalidDoc.vue | 12 ++++++------
 apps/showcase/doc/iftalabel/BasicDoc.vue    |  6 +++---
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/apps/showcase/doc/floatlabel/InvalidDoc.vue b/apps/showcase/doc/floatlabel/InvalidDoc.vue
index b6a9ed61a..1caec97c9 100644
--- a/apps/showcase/doc/floatlabel/InvalidDoc.vue
+++ b/apps/showcase/doc/floatlabel/InvalidDoc.vue
@@ -2,7 +2,7 @@
     <DocSectionText v-bind="$attrs">
         <p>When the form element is invalid, the label is also highlighted.</p>
     </DocSectionText>
-    <div class="card flex justify-center items-center gap-4">
+    <div class="card flex justify-center items-end gap-4">
         <FloatLabel>
             <InputText id="value1" v-model="value1" autocomplete="off" :invalid="!value1" />
             <label for="value1">Username</label>
@@ -47,7 +47,7 @@ export default {
 `,
                 options: `
 <template>
-    <div class="card flex justify-center items-center gap-4">
+    <div class="card flex justify-center items-end gap-4">
         <FloatLabel>
             <InputText id="value1" v-model="value1" :invalid="!value1" />
             <label for="value1">Username</label>
@@ -80,7 +80,7 @@ export default {
 `,
                 composition: `
 <template>
-    <div class="card flex justify-center items-center gap-4">
+    <div class="card flex justify-center items-end gap-4">
         <FloatLabel>
             <InputText id="value1" v-model="value1" :invalid="!value1" />
             <label for="value1">Username</label>
@@ -101,9 +101,9 @@ export default {
 <script setup>
 import { ref } from 'vue';
 
-const value1 = ref(null);
-const value2 = ref(null);
-const value3 = ref(null);
+const value1 = ref('');
+const value2 = ref('');
+const value3 = ref('');
 <\/script>
 `
             }
diff --git a/apps/showcase/doc/iftalabel/BasicDoc.vue b/apps/showcase/doc/iftalabel/BasicDoc.vue
index 38ed1a31b..4710e6753 100644
--- a/apps/showcase/doc/iftalabel/BasicDoc.vue
+++ b/apps/showcase/doc/iftalabel/BasicDoc.vue
@@ -19,7 +19,7 @@ export default {
             code: {
                 basic: `
 <IftaLabel>
-    <InputText id="username" v-model="value" autocomplete="off" />
+    <InputText id="username" v-model="value" />
     <label for="username">Username</label>
 </IftaLabel>
 `,
@@ -27,7 +27,7 @@ export default {
 <template>
     <div class="card flex justify-center">
         <IftaLabel>
-            <InputText id="username" v-model="value" autocomplete="off" />
+            <InputText id="username" v-model="value" />
             <label for="username">Username</label>
         </IftaLabel>
     </div>
@@ -48,7 +48,7 @@ export default {
 <template>
     <div class="card flex justify-center">
         <IftaLabel>
-            <InputText id="username" v-model="value" autocomplete="off" />
+            <InputText id="username" v-model="value" />
             <label for="username">Username</label>
         </IftaLabel>
     </div>