From 47d3b94f556a1c55d914bf1815927aa3bc8eca81 Mon Sep 17 00:00:00 2001
From: smithoo <smithoo@pubg.com>
Date: Mon, 26 Aug 2024 16:51:29 +0900
Subject: [PATCH] fix(VsImage): add skeleton props (215719) (chromatic-build)

---
 packages/vlossom/src/components/vs-image/VsImage.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/vlossom/src/components/vs-image/VsImage.vue b/packages/vlossom/src/components/vs-image/VsImage.vue
index 3688682a0..ae3679ce3 100644
--- a/packages/vlossom/src/components/vs-image/VsImage.vue
+++ b/packages/vlossom/src/components/vs-image/VsImage.vue
@@ -1,11 +1,11 @@
 <template>
     <div class="vs-image" ref="vsImageRef" :style="computedStyleSet">
         <vs-skeleton
-            v-if="isLoading"
+            v-if="skeleton && isLoading"
             class="vs-image-skeleton"
             :style="{ width: 'var(--vs-image-width)', height: 'var(--vs-image-height)' }"
         >
-            <slot name="loading" />
+            <slot name="skeleton" />
         </vs-skeleton>
         <img
             :class="['vs-image-tag', { 'vs-hidden': isLoading }]"
@@ -37,6 +37,7 @@ export default defineComponent({
         alt: { type: String, default: '' },
         fallback: { type: String, default: '' },
         lazy: { type: Boolean, default: false },
+        skeleton: { type: Boolean, default: false },
         src: { type: String, required: true, default: '' },
     },
     emits: ['error'],