variants Block.vue

100% Statements 8/8

100% Branches 12/12

100% Functions 3/3

100% Lines 8/8

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20  
 
 
 
1096x
 
1096x
1096x
 
1096x
1096x
 
1096x
1096x
 
 
 
 
1084x
  <script setup lang="ts">
import { computed } from "vue";
import type { SkeletonBaseProps } from "../types";
 
const props = defineProps<SkeletonBaseProps>();
 
const w = computed(() =>
  typeof props.width === "number" ? `${props.width}px` : props.width ?? "100%"
);
const h = computed(() =>
  typeof props.height === "number" ? `${props.height}px` : props.height ?? "16px"
);
const r = computed(() =>
  typeof props.radius === "number" ? `${props.radius}px` : props.radius ?? "4px"
);
</script>
 
<template>
  <div class="vslk-sk-shape" :style="{ width: w, height: h, borderRadius: r }" />
</template>