Add coursebook sub components

aleksis/apps/alsijil/frontend/components/Coursebook.vue

@@ -18,8 +18,9 @@
               <!-- I know slice copies the array. But show me something better. -->
               <v-list-item v-for="doc in day.slice(1)">
                 <v-card class="my-2">
-                  <!-- Insert subcomponents here. -->
-                  <v-card-text>{{ doc.id }}</v-card-text>
+                  <documentation
+                    :documentation="doc"
+                  />
                 </v-card>
               </v-list-item>
             </v-list>
@@ -32,6 +33,7 @@
 
 <script>
 import CRUDIterator from "aleksis.core/components/generic/CRUDIterator.vue";
+import Documentation from "./documentation/Documentation.vue";
 import gqlDocumentationsForCoursebook from "./coursebook.graphql";
 import { DateTime } from "luxon";
 
@@ -39,6 +41,7 @@ export default {
   name: "Coursebook",
   components: {
     CRUDIterator,
+    Documentation,
   },
   props: {
     // Either as props OR route params

aleksis/apps/alsijil/frontend/components/documentation/Documentation.vue

+<template>
+ <v-card-text>{{ documentation.id }}</v-card-text>
+</template>
+
+<script>
+import LessonInformation from "./documentation/LessonInformation.vue";
+import LessonSummary from "./documentation/LessonSummary.vue";
+import LessonNotes from "./documentation/LessonNotes.vue";
+
+export default {
+  name: "Documentation",
+  components: {
+    LessonInformation,
+    LessonSummary,
+    LessonNotes,
+  },
+  props: {
+    documentation: {
+      type: Object,
+      required: true,
+    },
+  },
+};
+</script>

aleksis/apps/alsijil/frontend/components/documentation/LessonInformation.vue

+<template>
+  <v-card-text>{{ documentation.id }}</v-card-text>
+</template>
+
+<script>
+export default {
+  name: "LessonInformation",
+  props: {
+    documentation: {
+      type: Object,
+      required: true,
+    },
+  },
+};
+</script>

aleksis/apps/alsijil/frontend/components/documentation/LessonNotes.vue

+<template>
+  <v-card-text>{{ documentation.id }}</v-card-text>
+</template>
+
+<script>
+export default {
+  name: "LessonNotes",
+  props: {
+    documentation: {
+      type: Object,
+      required: true,
+    },
+  },
+};
+</script>

aleksis/apps/alsijil/frontend/components/documentation/LessonSummary.vue

+<template>
+  <v-card-text>{{ documentation.id }}</v-card-text>
+</template>
+
+<script>
+export default {
+  name: "LessonSummary",
+  props: {
+    documentation: {
+      type: Object,
+      required: true,
+    },
+  },
+};
+</script>