<template>
  <el-skeleton class="sk" animated>
    <template #template>
      <div class="sk__item">
        <el-skeleton-item
            variant="p"
            class="sk__item-text"
            v-for="idx in 5"
            :key="idx"
        />
      </div>
    </template>
  </el-skeleton>
</template>

<script setup lang="ts">

</script>

<style lang="scss" scoped>
.sk {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;

  &__item {
    padding: 5px 15px;

    &-text {
      width: 100%;
      height: 20px;
    }
  }
}
</style>