--- a/client/src/components/importoverview/AdditionalDetail.vue	Tue Mar 12 14:47:14 2019 +0100
+++ b/client/src/components/importoverview/AdditionalDetail.vue	Tue Mar 12 15:00:40 2019 +0100
@@ -1,10 +1,12 @@
 <template>
   <div>
-    <div v-if="isFairwayDimension">Fairwaydimension</div>
-    <div v-if="isApprovedGaugeMeasurement">AGM</div>
-    <div v-if="isBottleneck">Bottlenecks</div>
-    <div v-if="isStretch">Stretch</div>
-    <div v-if="isSoundingResult">SoundingResult</div>
+    <FairwayDimensionDetail v-if="isFairwayDimension"></FairwayDimensionDetail>
+    <ApprovedGaugeMeasurementDetail
+      v-if="isApprovedGaugeMeasurement"
+    ></ApprovedGaugeMeasurementDetail>
+    <BottleneckDetail v-if="isBottleneck"></BottleneckDetail>
+    <StretchDetail v-if="isStretch"></StretchDetail>
+    <SoundingResultDetail v-if="isSoundingResult"></SoundingResultDetail>
   </div>
 </template>
 
@@ -26,6 +28,14 @@
 export default {
   name: "additionaldetail",
   props: ["entry"],
+  components: {
+    SoundingResultDetail: () => import("./SoundingResultDetail.vue"),
+    BottleneckDetail: () => import("./BottleneckDetail.vue"),
+    StretchDetail: () => import("./StretchDetails.vue"),
+    ApprovedGaugeMeasurementDetail: () =>
+      import("./ApprovedGaugeMeasurementDetail.vue"),
+    FairwayDimensionDetail: () => import("./FairwayDimension.vue")
+  },
   computed: {
     kind() {
       return this.entry.kind.toUpperCase();