From bba01c795ca12ead779131fcc858b723a79de8bd Mon Sep 17 00:00:00 2001
From: EwoutV <ewoutverlinde@hotmail.com>
Date: Wed, 10 Apr 2024 10:11:47 +0200
Subject: [PATCH] chore: linting

---
 .../components/courses/CourseDetailCard.vue   |  4 +--
 .../components/courses/CourseGeneralCard.vue  |  5 +---
 .../src/components/projects/ProjectList.vue   | 25 ++++++++++++-------
 frontend/src/composables/glob.ts              | 11 ++++----
 .../dashboard/roles/StudentDashboardView.vue  |  6 ++---
 5 files changed, 26 insertions(+), 25 deletions(-)

diff --git a/frontend/src/components/courses/CourseDetailCard.vue b/frontend/src/components/courses/CourseDetailCard.vue
index e5dbb96f..fae89e68 100644
--- a/frontend/src/components/courses/CourseDetailCard.vue
+++ b/frontend/src/components/courses/CourseDetailCard.vue
@@ -13,9 +13,7 @@ defineProps<{
 
 /* Composable injections */
 const { t } = useI18n();
-const { getRandomImport } = useGlob(
-    import.meta.glob('@/assets/img/placeholders/*.png', { eager: true })
-);
+const { getRandomImport } = useGlob(import.meta.glob('@/assets/img/placeholders/*.png', { eager: true }));
 </script>
 
 <template>
diff --git a/frontend/src/components/courses/CourseGeneralCard.vue b/frontend/src/components/courses/CourseGeneralCard.vue
index 5fd1a5c8..77b09fc4 100644
--- a/frontend/src/components/courses/CourseGeneralCard.vue
+++ b/frontend/src/components/courses/CourseGeneralCard.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import StudentCourseJoinButton from '@/components/courses/students/StudentCourseJoinButton.vue';
 import type { Course } from '@/types/Course.ts';
-import { type Faculty } from '@/types/Faculty.ts';
 import { useAuthStore } from '@/store/authentication.store.ts';
 import { storeToRefs } from 'pinia';
 import { type Student } from '@/types/users/Student.ts';
@@ -16,9 +15,7 @@ defineProps<{
 const { user } = storeToRefs(useAuthStore());
 
 /* State */
-const { getImport } = useGlob(
-    import.meta.glob('@/assets/img/faculties/*.png', { eager: true })
-);
+const { getImport } = useGlob(import.meta.glob('@/assets/img/faculties/*.png', { eager: true }));
 </script>
 
 <template>
diff --git a/frontend/src/components/projects/ProjectList.vue b/frontend/src/components/projects/ProjectList.vue
index ae937a39..fc0c9aa2 100644
--- a/frontend/src/components/projects/ProjectList.vue
+++ b/frontend/src/components/projects/ProjectList.vue
@@ -17,7 +17,7 @@ const props = withDefaults(
     {
         courses: () => [],
         showPast: false,
-        cols: 4
+        cols: 4,
     },
 );
 
@@ -34,17 +34,14 @@ const allProjects = computed(() => props.courses?.flatMap((course) => course.pro
  * Sorts the projects by deadline
  */
 const sortedProjects = computed(() => {
-    const projects = allProjects.value?.filter((project) =>
-        !props.showPast ? moment(project.deadline).isAfter() : true,
-    ) ?? null;
+    const projects =
+        allProjects.value?.filter((project) => (!props.showPast ? moment(project.deadline).isAfter() : true)) ?? null;
 
     if (projects === null) {
         return projects;
     }
 
-    return [...projects].sort((a, b) =>
-        new Date(a.deadline).getTime() - new Date(b.deadline).getTime()
-    );
+    return [...projects].sort((a, b) => new Date(a.deadline).getTime() - new Date(b.deadline).getTime());
 });
 
 /* Watchers */
@@ -76,8 +73,18 @@ watch(
     <div class="grid align-items-stretch">
         <template v-if="sortedProjects !== null">
             <template v-if="sortedProjects.length > 0">
-                <div class="col-12 md:col-6 lg:col-4" :class="'xl:col-' + 12 / cols" v-for="project in sortedProjects" :key="project.id">
-                    <ProjectCard class="h-100" :project="project" :course="project.course" v-if="project.course !== null" />
+                <div
+                    class="col-12 md:col-6 lg:col-4"
+                    :class="'xl:col-' + 12 / cols"
+                    v-for="project in sortedProjects"
+                    :key="project.id"
+                >
+                    <ProjectCard
+                        class="h-100"
+                        :project="project"
+                        :course="project.course"
+                        v-if="project.course !== null"
+                    />
                 </div>
             </template>
             <template v-else>
diff --git a/frontend/src/composables/glob.ts b/frontend/src/composables/glob.ts
index f24c96ae..1f87e971 100644
--- a/frontend/src/composables/glob.ts
+++ b/frontend/src/composables/glob.ts
@@ -1,8 +1,8 @@
-export type GlobModule = {
+export interface GlobModule {
     default: any;
 }
 
-export type GlobState = {
+export interface GlobState {
     getRandomImport: () => any;
     getImport: (key: string) => any;
 }
@@ -36,6 +36,7 @@ export function useGlob(glob: Record<string, GlobModule>): GlobState {
     }
 
     return {
-        getRandomImport, getImport
-    }
-}
\ No newline at end of file
+        getRandomImport,
+        getImport,
+    };
+}
diff --git a/frontend/src/views/dashboard/roles/StudentDashboardView.vue b/frontend/src/views/dashboard/roles/StudentDashboardView.vue
index b65414ae..5032df43 100644
--- a/frontend/src/views/dashboard/roles/StudentDashboardView.vue
+++ b/frontend/src/views/dashboard/roles/StudentDashboardView.vue
@@ -23,10 +23,8 @@ const { courses, getCoursesByStudent } = useCourses();
 const selectedYear = ref(User.getAcademicYear());
 const showPast = ref(false);
 
-const filteredCourses = computed(() =>
-    courses.value?.filter((course) =>
-        course.academic_startyear === selectedYear.value
-    ) ?? null,
+const filteredCourses = computed(
+    () => courses.value?.filter((course) => course.academic_startyear === selectedYear.value) ?? null,
 );
 
 /* Watchers */