fix(skeleton): layout shifting due to delayed rendering (#2383)

Kong · Sep 11, 2024 · 77c4a20 · 77c4a20
1 parent 7212083
commit 77c4a20
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/KSkeleton/KSkeleton.vue b/src/components/KSkeleton/KSkeleton.vue
@@ -115,9 +115,12 @@ const props = defineProps({
   },
 })
 
-const isVisible = ref(false)
+const isVisible = ref(props.delayMilliseconds === 0)
 
 onMounted(() => {
+  if (isVisible.value) {
+    return
+  }
   setTimeout(() => {
     isVisible.value = true
   }, props.delayMilliseconds)