Only show filled fields in compact documentation details

aleksis/apps/alsijil/frontend/components/coursebook/documentation/DocumentationCompactDetails.vue

 <template>
   <v-card outlined dense rounded="lg" v-bind="$attrs" v-on="$listeners">
-    <div class="font-weight-medium mr-2">
-      {{ $t("alsijil.coursebook.summary.topic.label") }}:
-    </div>
-    <div class="text-truncate">{{ documentation.topic || "–" }}</div>
+    <template v-if="documentation.topic">
+      <div class="font-weight-medium mr-2">
+        {{ $t("alsijil.coursebook.summary.topic.label") }}:
+      </div>
+      <div class="text-truncate">{{ documentation.topic || "–" }}</div>
+    </template>
 
-    <div class="font-weight-medium mr-2">
-      {{ $t("alsijil.coursebook.summary.homework.label") }}:
-    </div>
-    <div class="text-truncate">{{ documentation.homework || "–" }}</div>
+    <template v-if="documentation.homework">
+      <div class="font-weight-medium mr-2">
+        {{ $t("alsijil.coursebook.summary.homework.label") }}:
+      </div>
+      <div class="text-truncate">{{ documentation.homework || "–" }}</div>
+    </template>
 
-    <div class="font-weight-medium mr-2">
-      {{ $t("alsijil.coursebook.summary.group_note.label") }}:
-    </div>
-    <div class="text-truncate">{{ documentation.groupNote || "–" }}</div>
+    <template v-if="documentation.groupNote">
+      <div class="font-weight-medium mr-2">
+        {{ $t("alsijil.coursebook.summary.group_note.label") }}:
+      </div>
+      <div class="text-truncate">{{ documentation.groupNote || "–" }}</div>
+    </template>
   </v-card>
 </template>