diff --git a/src/pages/overall/overall-course/overall-course.ts b/src/pages/overall/overall-course/overall-course.ts
deleted file mode 100644
index 65c3378..0000000
--- a/src/pages/overall/overall-course/overall-course.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import {Component, Prop, Vue} from 'vue-property-decorator';
-import App from '@/components/app/app';
-import AssignmentEntry from '@/pages/overall/overall-course/assignment-entry/assignment-entry.vue';
-import CourseHead from '@/pages/overall/overall-course/course-head/course-head.vue';
-import Course, {Assignment} from '@/logic/course';
-
-@Component({
-    components: {UnreadEntry: AssignmentEntry, CourseHead}
-})
-export default class OverallCourse extends Vue
-{
-    @Prop({required: true}) course: Course;
-
-    get unreadAssignments(): Assignment[]
-    {
-        return this.course.assignments.filter(a => a.unread);
-    }
-
-    get unread(): number
-    {
-        return this.unreadAssignments.length;
-    }
-
-    /**
-     * Mark an assignment as read
-     */
-    markAsRead(assignment: Assignment)
-    {
-        App.http.post('/mark-as-read', {scoreId: assignment.scoreId})
-        .then(response =>
-        {
-            // Check success
-            if (response.success)
-            {
-                // @ts-ignore
-                this.unreadAssignments.find(a => a.id == response.data.assignment_id).unread = false;
-            }
-            else
-            {
-                // Show error message TODO: Show it properly
-                alert(response.data)
-            }
-        })
-    }
-}
diff --git a/src/pages/overall/overall-course/overall-course.vue b/src/pages/overall/overall-course/overall-course.vue
index bcd8249..4209881 100644
--- a/src/pages/overall/overall-course/overall-course.vue
+++ b/src/pages/overall/overall-course/overall-course.vue
@@ -4,16 +4,39 @@
             <course-head :clickable="true" :course="course" :unread="unread"/>
             <div class="course-card-content expand"
                  v-if="unread !== 0">
-                <unread-entry v-for="assignment in unreadAssignments"
+                <assignment-entry v-for="assignment in unreadAssignments"
                               :assignment="assignment"
                               :key="assignment.id"
                               unread="true"
-                </unread-entry>
                               v-on:mark-as-read="assignment.markAsRead()">
+                </assignment-entry>
             </div>
         </el-card>
     </div>
 </template>
 
-<script src="./overall-course.ts" lang="ts"></script>
+<script lang="ts">
+    import {Component, Prop, Vue} from 'vue-property-decorator';
+    import AssignmentEntry from '@/pages/overall/overall-course/assignment-entry/assignment-entry.vue';
+    import CourseHead from '@/pages/overall/overall-course/course-head/course-head.vue';
+    import Course, {Assignment} from '@/logic/course';
+
+    @Component({
+        components: {AssignmentEntry, CourseHead}
+    })
+    export default class OverallCourse extends Vue
+    {
+        @Prop({required: true}) course: Course;
+
+        get unreadAssignments(): Assignment[]
+        {
+            return this.course.assignments.filter(a => a.unread);
+        }
+
+        get unread(): number
+        {
+            return this.unreadAssignments.length;
+        }
+    }
+</script>
 <style src="./overall-course.scss" lang="scss" scoped/>