// Show 8 trader cards inside a grid. Show the 'trader-card' skeleton loader when it's loading the data

<template>
  <UiSkeletonLoader v-show="loading" v-for="i in 8" :key="`trader-card-${i}`" type="trader-card" tile />
  
  <div v-show="!loading" class="trader-card">
    Content Loaded
  </div>
</template>

// Another example

<template>
  <UiSkeletonLoader v-show="loading" type="article" />
  
  <div v-show="!loading">
    Article Loaded
  </div>
</template>