From f81e75bb8135547cada02ede1f24d10e95a6dd84 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Wed, 10 Jul 2024 10:49:13 +0300
Subject: [PATCH] Update InvalidDoc.vue

---
 apps/showcase/doc/password/InvalidDoc.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/showcase/doc/password/InvalidDoc.vue b/apps/showcase/doc/password/InvalidDoc.vue
index 584cf1378..cb4eaf39c 100644
--- a/apps/showcase/doc/password/InvalidDoc.vue
+++ b/apps/showcase/doc/password/InvalidDoc.vue
@@ -3,7 +3,7 @@
         <p>Invalid state is displayed using the <i>invalid</i> prop to indicate a failed validation. You can use this style when integrating with form validation libraries.</p>
     </DocSectionText>
     <div class="card flex justify-center">
-        <Password :invalid="value === null" />
+        <Password v-model="value" :invalid="value === null" />
     </div>
     <DocSectionCode :code="code" />
 </template>
@@ -15,12 +15,12 @@ export default {
             value: null,
             code: {
                 basic: `
-<Password :invalid="value === null"  />
+<Password v-model="value" :invalid="value === null"  />
 `,
                 options: `
 <template>
     <div class="card flex justify-center">
-        <Password :invalid="value === null"  />
+        <Password v-model="value" :invalid="value === null"  />
     </div>
 </template>
 
@@ -37,7 +37,7 @@ export default {
                 composition: `
 <template>
     <div class="card flex justify-center">
-        <Password :invalid="value === null"  />
+        <Password v-model="value" :invalid="value === null"  />
     </div>
 </template>