diff --git a/src/components/app/app.ts b/src/components/app/app.ts
index 8fe2a17..692adc1 100644
--- a/src/components/app/app.ts
+++ b/src/components/app/app.ts
@@ -8,7 +8,7 @@ import pWaitFor from 'p-wait-for';
 import {HttpUtils} from '@/utils/http-utils';
 import {CourseUtils} from '@/utils/course-utils';
 import {GPAUtils} from '@/utils/gpa-utils';
-import Loading from '@/components/loading/loading';
+import Loading from '@/components/loading/loading.vue';
 
 /**
  * Objects of this interface represent assignment grades.
diff --git a/src/components/loading/loading.ts b/src/components/loading/loading.ts
deleted file mode 100644
index 38d0655..0000000
--- a/src/components/loading/loading.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import {Component, Prop, Vue} from 'vue-property-decorator';
-
-@Component({
-    components: {}
-})
-export default class Loading extends Vue
-{
-    // @ts-ignore
-    @Prop() text: string;
-}
diff --git a/src/components/loading/loading.vue b/src/components/loading/loading.vue
index c5e4bd1..d74e686 100644
--- a/src/components/loading/loading.vue
+++ b/src/components/loading/loading.vue
@@ -14,7 +14,18 @@
     </div>
 </template>
 
-<script src="./loading.ts" lang="ts"></script>
+<script lang="ts">
+    import {Component, Prop, Vue} from 'vue-property-decorator';
+
+    @Component({
+        components: {}
+    })
+    export default class Loading extends Vue
+    {
+        // @ts-ignore
+        @Prop() text: string;
+    }
+</script>
 
 <style scoped>
     #loading