[+] Create separate class for SearchSettings

src/pages/course-selection/course-selection.ts

@@ -2,9 +2,9 @@ import {Component, Prop, Vue} from 'vue-property-decorator'
 import App from '@/components/app/app';
 import CourseInfo, {ClassInfo, UniqueCourse} from '@/logic/course-info';
 import {GPAUtils} from '@/logic/utils/gpa-utils';
-import SearchSettings from '@/pages/course-selection/search-settings/search-settings.vue';
+import SearchSettingsComponent, {SearchSettings} from '@/pages/course-selection/search-settings/search-settings.vue';
 
-@Component({components: {SearchSettings}})
+@Component({components: {SearchSettings: SearchSettingsComponent}})
 export default class CourseSelection extends Vue
 {
     @Prop({required: true}) app: App

src/pages/course-selection/search-settings/search-settings.vue

@@ -12,10 +12,15 @@
     import {Component, Vue} from 'vue-property-decorator'
 
     @Component
-    export default class SearchSettings extends Vue
+    export default class SearchSettingsComponent extends Vue
     {
         showAllCourses = false;
     }
+
+    export class SearchSettings
+    {
+        showAllCourses: boolean = false
+    }
 </script>
 
 <style lang="scss" scoped>