fix(skeleton): chromatic demo build

epicmaxco · Nov 20, 2023 · a9abb2d · a9abb2d
1 parent d2e23da
commit a9abb2d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/packages/ui/src/components/va-skeleton/VaSkeleton.stories.ts b/packages/ui/src/components/va-skeleton/VaSkeleton.stories.ts
@@ -78,22 +78,22 @@ export const Group = () => ({
   components: { VaSkeleton, VaSkeletonGroup },
   template: `
   <VaSkeletonGroup class="flex gap-5">
-	  <VaSkeleton />
-	  <VaSkeleton />
-	  <VaSkeleton />
-	  <VaSkeleton />
-  </ VaSkeletonGroup>
+    <VaSkeleton />
+    <VaSkeleton />
+    <VaSkeleton />
+    <VaSkeleton />
+  </VaSkeletonGroup>
   `,
 })
 
 export const GroupWave = () => ({
   components: { VaSkeleton, VaSkeletonGroup },
   template: `
   <VaSkeletonGroup animation="wave" class="flex gap-5">
-	  <VaSkeleton />
-	  <VaSkeleton />
-	  <VaSkeleton />
-	  <VaSkeleton />
-  </ VaSkeletonGroup>
+    <VaSkeleton />
+    <VaSkeleton />
+    <VaSkeleton />
+    <VaSkeleton />
+  </VaSkeletonGroup>
   `,
 })
diff --git a/packages/ui/src/components/va-skeleton/VaSkeleton.vue b/packages/ui/src/components/va-skeleton/VaSkeleton.vue
@@ -28,7 +28,7 @@ export default defineComponent({
 
     animation: { type: String as PropType<'pulse' | 'wave' | 'none'>, default: 'pulse' },
 
-    lines: { type: Number, default: 1 },
+    lines: { type: [String, Number], default: 1 },
     height: { type: [String], default: '5em' },
     width: { type: [String], default: '100%' },
     lineGap: { type: String, default: '8px' },
@@ -73,7 +73,7 @@ export default defineComponent({
     const negativeLineGap = computed(() => `-${props.lineGap}`)
 
     const bem = useBem('va-skeleton', () => ({
-      lines: props.lines > 1,
+      lines: Number(props.lines) > 1,
       text: props.variant === 'text',
       circle: props.variant === 'circle',
       hidden: !doShow.value,