From 8c08a19011f7a4ca8d5e5068e27486830383ab04 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Mon, 1 Jul 2024 14:12:31 +0300
Subject: [PATCH] Fixed typo

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

diff --git a/apps/showcase/doc/stepper/HorizontalDoc.vue b/apps/showcase/doc/stepper/HorizontalDoc.vue
index ccbc7d49c..0897d01ac 100644
--- a/apps/showcase/doc/stepper/HorizontalDoc.vue
+++ b/apps/showcase/doc/stepper/HorizontalDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>Stepepr consists of a combination of <i>StepList</i>, <i>Step</i>, <i>StepPanels</i> and <i>StepPanel</i> components. The <i>value</i> property is essential for associating Step and StepPanel with each other.</p>
+        <p>Stepper consists of a combination of <i>StepList</i>, <i>Step</i>, <i>StepPanels</i> and <i>StepPanel</i> components. The <i>value</i> property is essential for associating Step and StepPanel with each other.</p>
     </DocSectionText>
     <div class="card flex justify-center">
         <Stepper value="1" class="basis-[50rem]">
@@ -12,7 +12,7 @@
             <StepPanels>
                 <StepPanel v-slot="{ activateCallback }" value="1">
                     <div class="flex flex-col h-48">
-                        <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content II</div>
+                        <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content I</div>
                     </div>
                     <div class="flex pt-6 justify-end">
                         <Button label="Next" icon="pi pi-arrow-right" iconPos="right" @click="activateCallback('2')" />
@@ -56,7 +56,7 @@ export default {
     <StepPanels>
         <StepPanel v-slot="{ activateCallback }" value="1">
             <div class="flex flex-col h-48">
-                <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content II</div>
+                <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content I</div>
             </div>
             <div class="flex pt-6 justify-end">
                 <Button label="Next" icon="pi pi-arrow-right" iconPos="right" @click="activateCallback('2')" />
@@ -94,7 +94,7 @@ export default {
             <StepPanels>
                 <StepPanel v-slot="{ activateCallback }" value="1">
                     <div class="flex flex-col h-48">
-                        <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content II</div>
+                        <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content I</div>
                     </div>
                    <div class="flex pt-6 justify-end">
                         <Button label="Next" icon="pi pi-arrow-right" iconPos="right" @click="activateCallback('2')" />
@@ -134,7 +134,7 @@ export default {
             <StepPanels>
                 <StepPanel v-slot="{ activateCallback }" value="1">
                     <div class="flex flex-col h-48">
-                        <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content II</div>
+                        <div class="border-2 border-dashed border-surface-200 dark:border-surface-700 rounded bg-surface-50 dark:bg-surface-950 flex-auto flex justify-center items-center font-medium">Content I</div>
                     </div>
                     <div class="flex pt-6 justify-end">
                         <Button label="Next" icon="pi pi-arrow-right" iconPos="right" @click="activateCallback('2')" />