CoursebookLoader.vue

<template>
  <div>
    <v-list-item v-for="i in 10" :key="'i-' + i">
      <v-list-item-content>
        <v-list-item-title>
          <v-skeleton-loader type="heading" />
        </v-list-item-title>
        <v-list max-width="100%">
          <v-list-item v-for="j in 5" :key="'j-' + j">
            <DocumentationLoader />
          </v-list-item>
        </v-list>
      </v-list-item-content>
    </v-list-item>
  </div>
</template>
<script>
import DocumentationLoader from "./documentation/DocumentationLoader.vue";

export default {
  name: "CoursebookLoader",
  components: { DocumentationLoader },
};
</script>