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")

frontend/src/view/EditCalendarView.vue

@@ -12,7 +12,7 @@ const { t } = useI18n({ useScope: "global" });
 const toast = useToast();
 
 const token: Ref<string> = ref("");
-const modules: Ref<Module[]> = ref(moduleStore().modules);
+const modules: Ref<Map<string, Module>> = ref(moduleStore().modules);
 
 function extractToken(token: string): string {
   const tokenRegex = /^[a-z0-9]{15}$/;
@@ -50,7 +50,7 @@ function loadCalendar(): void {
     data.forEach((module) => {
       moduleStore().addModule(module);
     });
-    modules.value = data;
+    modules.value = moduleStore().modules;
   });
 
   router.push("/edit-additional-modules");
@@ -77,12 +77,20 @@ function loadCalendar(): void {
     <div
       class="flex align-items-center justify-content-center border-round m-2"
     >
-      <InputText v-model="token" type="text" autofocus @keyup.enter="loadCalendar" />
+      <InputText
+        v-model="token"
+        type="text"
+        autofocus
+        @keyup.enter="loadCalendar"
+      />
     </div>
     <div
       class="flex align-items-center justify-content-center border-round m-2"
     >
-      <Button :label="$t('editCalendarView.loadCalendar')" @click="loadCalendar" />
+      <Button
+        :label="$t('editCalendarView.loadCalendar')"
+        @click="loadCalendar"
+      />
     </div>
   </div>
 </template>

frontend/src/view/ImprintPage.vue

@@ -3,7 +3,7 @@
 <template>
   <div class="flex align-items-center justify-content-center flex-column">
     <div class="flex align-items-center justify-content-center h-4rem mt-2">
-      <h3 class="text-4xl">{{$t("imprint")}}</h3>
+      <h3 class="text-4xl">{{ $t("imprint") }}</h3>
     </div>
     <div class="flex flex-column col-7">
       <p>nach dem Telemediengesetz (TMG) der Bundesrepublik Deutschland.</p>

frontend/src/view/PrivacyPolicy.vue

@@ -3,7 +3,7 @@
 <template>
   <div class="flex align-items-center justify-content-center flex-column">
     <div class="flex align-items-center justify-content-center h-4rem mt-2">
-      <h3 class="text-4xl">{{$t("privacy")}}</h3>
+      <h3 class="text-4xl">{{ $t("privacy") }}</h3>
     </div>
     <div class="flex flex-column col-7">
       <h1>Datenschutzerklärung</h1>