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 28 29 30 31 32 33 34 35 | 17x 17x 17x 17x 17x 17x 17x 16x | <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 ?? "120px"
);
const h = computed(() =>
typeof props.height === "number"
? `${props.height}px`
: props.height ?? "40px"
);
const r = computed(() =>
typeof props.radius === "number"
? `${props.radius}px`
: props.radius ?? "8px"
);
</script>
<template>
<div
class="vslk-sk-shape"
:style="{
width: w,
height: h,
borderRadius: r,
}"
/>
</template> |