All files / src/components/u-spinner.vue index.vue

100% Statements 19/19
50% Branches 3/6
100% Functions 3/3
100% Lines 18/18

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      7x     7x             7x           7x 7x 152x 152x     152x  
<template>
<div :class="$style.root">
    <slot></slot>
</div>
</template>
 
<script>
export default { name: 'u-spinner' };
</script>
 
<style module>
@keyframes linear-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
 
.root {
    display: inline-block;
    line-height: 1;
    animation: linear-spin var(--spinner-animation-duration) ease-in-out var(--spinner-animation-delay) infinite;
}
 
.root::before {
    icon-font: url('./assets/spinner.svg');
}
</style>