BSkeleton: support for no animation.

Author: protomors

src/App.vue

@@ -133,9 +133,9 @@
 
     <h5 class="mt-3">None</h5>
     <b-card>
-      <b-skeleton width="85%"></b-skeleton>
-      <b-skeleton width="55%"></b-skeleton>
-      <b-skeleton width="70%"></b-skeleton>
+      <b-skeleton animation width="85%"></b-skeleton>
+      <b-skeleton animation width="55%"></b-skeleton>
+      <b-skeleton animation width="70%"></b-skeleton>
     </b-card>
     <b-table-simple responsive>
       <b-thead>

src/components/BSkeleton/BSkeleton.vue

@@ -23,8 +23,9 @@ const props = withDefaults(defineProps<BSkeletonProps>(), {
 
 const classes = computed(() => [
   `b-skeleton-${props.type}`,
-  `b-skeleton-animate-${props.animation}`,
   {
+    [`b-skeleton-animate-${props.animation}`]:
+      typeof props.animation === 'boolean' ? undefined : props.animation,
     [`bg-${props.variant}`]: props.variant,
   },
 ])

src/types/SkeletonAnimation.d.ts

@@ -1,3 +1,3 @@
-type SkeletonAnimation = 'wave' | 'fade' | 'throb'
+type SkeletonAnimation = boolean | 'wave' | 'fade' | 'throb'
 
 export default SkeletonAnimation