From 2a0f3cb26a96d44473eacde92bf53873491d63d2 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Mon, 28 Oct 2024 15:16:23 +0300
Subject: [PATCH] Update help text demo to use message

---
 apps/showcase/doc/inputtext/HelpTextDoc.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/showcase/doc/inputtext/HelpTextDoc.vue b/apps/showcase/doc/inputtext/HelpTextDoc.vue
index 88cfacd5e..83b6772a1 100644
--- a/apps/showcase/doc/inputtext/HelpTextDoc.vue
+++ b/apps/showcase/doc/inputtext/HelpTextDoc.vue
@@ -1,12 +1,12 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>An advisory text can be defined with the semantic <i>small</i> tag.</p>
+        <p>An advisory text can be defined with the <NuxtLink to="/message">Message</NuxtLink> component.</p>
     </DocSectionText>
     <div class="card flex justify-center">
         <div class="flex flex-col gap-2">
             <label for="username">Username</label>
             <InputText id="username" v-model="value" aria-describedby="username-help" />
-            <small id="username-help">Enter your username to reset your password.</small>
+            <Message size="small" severity="secondary" variant="simple">Enter your username to reset your password.</Message>
         </div>
     </div>
     <DocSectionCode :code="code" />
@@ -22,7 +22,7 @@ export default {
 <div class="flex flex-col gap-2">
     <label for="username">Username</label>
     <InputText id="username" v-model="value" aria-describedby="username-help" />
-    <small id="username-help">Enter your username to reset your password.</small>
+    <Message size="small" severity="secondary" variant="simple">Enter your username to reset your password.</Message>
 </div>
 `,
                 options: `
@@ -31,7 +31,7 @@ export default {
         <div class="flex flex-col gap-2">
             <label for="username">Username</label>
             <InputText id="username" v-model="value" aria-describedby="username-help" />
-            <small id="username-help">Enter your username to reset your password.</small>
+            <Message size="small" severity="secondary" variant="simple">Enter your username to reset your password.</Message>
         </div>
     </div>
 </template>
@@ -52,7 +52,7 @@ export default {
         <div class="flex flex-col gap-2">
             <label for="username">Username</label>
             <InputText id="username" v-model="value" aria-describedby="username-help" />
-            <small id="username-help">Enter your username to reset your password.</small>
+            <Message size="small" severity="secondary" variant="simple">Enter your username to reset your password.</Message>
         </div>
     </div>
 </template>