From 0be79fe82b308dbf47f0e5de01e0273c9370ea57 Mon Sep 17 00:00:00 2001
From: Augusto Amaral <39193039+xauuug@users.noreply.github.com>
Date: Thu, 3 Dec 2020 14:52:13 -0300
Subject: [PATCH] docs(vue): fix skeleton-text usage example (#22596)

---
 core/src/components/skeleton-text/readme.md    | 8 ++++----
 core/src/components/skeleton-text/usage/vue.md | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/core/src/components/skeleton-text/readme.md b/core/src/components/skeleton-text/readme.md
index cfc6beda84..44160fc9e6 100644
--- a/core/src/components/skeleton-text/readme.md
+++ b/core/src/components/skeleton-text/readme.md
@@ -736,7 +736,7 @@ export class SkeletonTextExample {
   </div>
 
   <!-- Skeleton screen -->
-  <div *ngIf="!data">
+  <div v-if="!data">
     <div class="ion-padding custom-skeleton">
       <ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
       <ion-skeleton-text animated></ion-skeleton-text>
@@ -819,12 +819,12 @@ import {
   IonItem, 
   IonLabel, 
   IonList, 
-  IonListheader,
+  IonListHeader,
   IonSkeletonText,
   IonThumbnail
 } from '@ionic/vue';
 import { call } from 'ionicons/icons';
-import { defineComponent } from 'vue';
+import { defineComponent, ref } from 'vue';
 
 export default defineComponent({
   components: {
@@ -833,7 +833,7 @@ export default defineComponent({
     IonItem, 
     IonLabel, 
     IonList, 
-    IonListheader,
+    IonListHeader,
     IonSkeletonText,
     IonThumbnail
   },
diff --git a/core/src/components/skeleton-text/usage/vue.md b/core/src/components/skeleton-text/usage/vue.md
index 5e6dcfd1f9..30d8da8b85 100644
--- a/core/src/components/skeleton-text/usage/vue.md
+++ b/core/src/components/skeleton-text/usage/vue.md
@@ -62,7 +62,7 @@
   </div>
 
   <!-- Skeleton screen -->
-  <div *ngIf="!data">
+  <div v-if="!data">
     <div class="ion-padding custom-skeleton">
       <ion-skeleton-text animated style="width: 60%"></ion-skeleton-text>
       <ion-skeleton-text animated></ion-skeleton-text>
@@ -145,12 +145,12 @@ import {
   IonItem, 
   IonLabel, 
   IonList, 
-  IonListheader,
+  IonListHeader,
   IonSkeletonText,
   IonThumbnail
 } from '@ionic/vue';
 import { call } from 'ionicons/icons';
-import { defineComponent } from 'vue';
+import { defineComponent, ref } from 'vue';
 
 export default defineComponent({
   components: {
@@ -159,7 +159,7 @@ export default defineComponent({
     IonItem, 
     IonLabel, 
     IonList, 
-    IonListheader,
+    IonListHeader,
     IonSkeletonText,
     IonThumbnail
   },