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 | 23x 23x 22x | <!-- src/components/skeleton/variants/Circle.vue -->
<script setup lang="ts">
import { computed } from 'vue'
import type { SkeletonBaseProps } from '../types'
import { toCssSize } from '../../../utils/size'
const props = defineProps<SkeletonBaseProps>()
/** A circle has one dimension: the first of size → width → height. */
const s = computed(() => toCssSize(props.size ?? props.width ?? props.height ?? 40))
</script>
<template>
<div class="vslk-sk-shape" :style="{ width: s, height: s, borderRadius: '50%' }" />
</template>
|