<template>
  <div>
    <v-list-item v-for="_ in 10">
      <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="_ in 5">
            <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>