docs(vue): fix skeleton-text usage example (#22596)

This commit is contained in:
Augusto Amaral
2020-12-03 14:52:13 -03:00
committed by GitHub
parent 216f51b12a
commit 0be79fe82b
2 changed files with 8 additions and 8 deletions

View File

@@ -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
},

View File

@@ -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
},