fix:#15 linted format and typ fix

frontend/src/view/AdditionalModules.vue

@@ -1,18 +1,14 @@
 <script lang="ts" setup>
-import {defineAsyncComponent, ref, Ref} from "vue";
-import {Module} from "../model/module.ts";
-import {fetchAllModules} from "../api/fetchCourse.ts";
+import { defineAsyncComponent, ref, Ref } from "vue";
+import { Module } from "../model/module.ts";
+import { fetchAllModules } from "../api/fetchCourse.ts";
 import moduleStore from "../store/moduleStore.ts";
-import {MultiSelectAllChangeEvent} from "primevue/multiselect";
 import { FilterMatchMode } from "primevue/api";
 import { useDialog } from "primevue/usedialog";
 import router from "../router";
-import {fetchModule} from "../api/fetchModule.ts";
-import {useDialog} from "primevue/usedialog";
-import {useI18n} from "vue-i18n";
+import { fetchModule } from "../api/fetchModule.ts";
 
 const dialog = useDialog();
-const { t } = useI18n({ useScope: "global" });
 
 const fetchedModules = async () => {
   return await fetchAllModules();
@@ -32,7 +28,7 @@ const filters = ref({
   prof: {
     value: null,
     matchMode: FilterMatchMode.CONTAINS,
-  }
+  },
 });
 
 //const selectedModules: Ref<Module[]> = ref([] as Module[]);
@@ -148,19 +144,15 @@ function itemsLabelWithNumber(selectedModules: Module[]): string {
         :show-gridlines="true"
         :striped-rows="true"
         class="w-10"
-        >
-
-        <Column
-          selection-mode="multiple"
-          >
-        </Column>
+      >
+        <Column selection-mode="multiple"> </Column>
 
         <Column
           field="course"
           header="Course"
           :show-clear-button="false"
           :show-filter-menu="false"
-          >
+        >
           <template #filter="{ filterModel, filterCallback }">
             <InputText
               v-model="filterModel.value"
@@ -175,7 +167,7 @@ function itemsLabelWithNumber(selectedModules: Module[]): string {
           header="Name"
           :show-clear-button="false"
           :show-filter-menu="false"
-          >
+        >
           <template #filter="{ filterModel, filterCallback }">
             <InputText
               v-model="filterModel.value"
@@ -190,7 +182,7 @@ function itemsLabelWithNumber(selectedModules: Module[]): string {
           header="Professor"
           :show-clear-button="false"
           :show-filter-menu="false"
-          >
+        >
           <template #filter="{ filterModel, filterCallback }">
             <InputText
               v-model="filterModel.value"
@@ -212,14 +204,11 @@ function itemsLabelWithNumber(selectedModules: Module[]): string {
               @click.stop="showInfo(slotProps.data)"
             ></Button>
           </template>
-
         </Column>
         <template #footer>
           <div class="py-2 px-3">
             <b>{{ store ? store.countModules() : 0 }}</b>
-            item{{
-              (store ? store.countModules() : 0) !== 1 ? "s" : ""
-            }}
+            item{{ (store ? store.countModules() : 0) !== 1 ? "s" : "" }}
             selected.
           </div>
         </template>
@@ -274,8 +263,7 @@ function itemsLabelWithNumber(selectedModules: Module[]): string {
           </div>
         </template>
       </MultiSelect>
-    -->
-    </div>
+    --></div>
     <div class="flex align-items-center justify-content-center h-4rem m-2">
       <Button @click="nextStep()">{{
         $t("additionalModules.nextStep")