variants Avatar.vue

100% Statements 6/6

100% Branches 8/8

100% Functions 2/2

100% Lines 6/6

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
21
22
23
24
25
26
27  
 
 
 
43x
 
43x
43x
 
 
 
 
43x
43x
 
 
 
 
41x
 
 
 
 
 
 
 
  <script setup lang="ts">
import { computed } from "vue";
import type { SkeletonBaseProps } from "../types";
 
const props = defineProps<SkeletonBaseProps>();
 
const size = computed(() =>
  typeof props.size === "number"
    ? `${props.size}px`
    : props.size ?? "48px"
);
 
const r = computed(() =>
  typeof props.radius === "number" ? `${props.radius}px` : props.radius ?? "9999px"
);
</script>
 
<template>
  <div
    class="vslk-sk-shape"
    :style="{
      width: size,
      height: size,
      borderRadius: r,
    }"
  />
</template>