diff --git a/src/pages/course-selection/pages/course-detail.vue b/src/pages/course-selection/pages/course-detail.vue
index ce94aab..32a1cfb 100644
--- a/src/pages/course-selection/pages/course-detail.vue
+++ b/src/pages/course-selection/pages/course-detail.vue
@@ -5,15 +5,17 @@
 </template>
 
 <script lang="ts">
-    import {Component, Vue} from 'vue-property-decorator'
+    import {Component, Prop, Vue} from 'vue-property-decorator'
+    import CourseInfo from '@/logic/course-info';
 
     @Component
     export default class CourseDetail extends Vue
     {
-
+        @Prop({required: true}) courseInfo: CourseInfo;
     }
 </script>
 
+<style src="./pages.scss" lang="scss" scoped/>
 <style lang="scss" scoped>
 
 </style>