feat:#60 format, lint and fix build

frontend/src/view/AdditionalModules.vue

@@ -91,10 +91,10 @@ function selectChange() {
         class="custom-multiselect"
         filter
         :placeholder="$t('additionalModules.dropDown')"
+        :auto-filter-focus="true"
+        :show-toggle-all="false"
         @change="selectChange()"
         @selectall-change="onSelectAllChange($event)"
-        :autoFilterFocus="true"
-        :showToggleAll="false"
       >
         <template #option="slotProps">
           <div class="flex justify-content-between w-full">
@@ -119,15 +119,17 @@ function selectChange() {
         <template #footer>
           <div class="py-2 px-3">
             <b>{{ selectedModules ? selectedModules.length : 0 }}</b>
-            {{$t("additionalModules.dropDownFooterItem")}}
+            {{ $t("additionalModules.dropDownFooterItem") }}
             {{ (selectedModules ? selectedModules.length : 0) > 1 ? "s" : "" }}
-            {{$t("additionalModules.dropDownFooterSelected")}}
+            {{ $t("additionalModules.dropDownFooterSelected") }}
           </div>
         </template>
       </MultiSelect>
     </div>
     <div class="flex align-items-center justify-content-center h-4rem m-2">
-      <Button @click="nextStep()">{{$t("additionalModules.nextStep")}}</Button>
+      <Button @click="nextStep()">{{
+        $t("additionalModules.nextStep")
+      }}</Button>
     </div>
   </div>
 </template>
@@ -140,4 +142,4 @@ function selectChange() {
 :deep(.custom-multiselect li) {
   height: unset;
 }
-</style>
+</style>

frontend/src/view/EditCalendarView.vue

@@ -7,7 +7,7 @@ import router from "../router";
 import tokenStore from "../store/tokenStore";
 import { useToast } from "primevue/usetoast";
 import { useI18n } from "vue-i18n";
-const { t } = useI18n({ useScope: 'global' })
+const { t } = useI18n({ useScope: "global" });
 
 const toast = useToast();
 
@@ -62,7 +62,7 @@ function loadCalendar(): void {
   <div class="flex flex-column">
     <div class="flex align-items-center justify-content-center h-4rem mt-2">
       <h3 class="text-4xl">
-        {{$t("editCalendarView.headline")}}
+        {{ $t("editCalendarView.headline") }}
         <i
           class="pi pi-pencil vertical-align-baseline ml-2"
           style="font-size: 2rem"
@@ -72,7 +72,7 @@ function loadCalendar(): void {
     <div
       class="flex align-items-center justify-content-center h-4rem border-round"
     >
-      <p class="text-2xl">{{$t("editCalendarView.subTitle")}}</p>
+      <p class="text-2xl">{{ $t("editCalendarView.subTitle") }}</p>
     </div>
     <div
       class="flex align-items-center justify-content-center border-round m-2"

frontend/src/view/ImprintPage.vue

@@ -10,7 +10,8 @@
 
       <h2>Kontakt</h2>
       <p>
-        Per Email: <a href="mailto:support@htwkalender.de">support@htwkalender.de</a>
+        Per Email:
+        <a href="mailto:support@htwkalender.de">support@htwkalender.de</a>
       </p>
 
       <h2>Adresse</h2>

frontend/src/view/RoomFinder.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { Ref, ref } from "vue";
-import { fetchRoom } from "@/api/fetchRoom.ts";
-import RoomOccupation from "@/components/RoomOccupation.vue";
+import { fetchRoom } from "../api/fetchRoom.ts";
+import RoomOccupation from "../components/RoomOccupation.vue";
 
 const rooms = async () => {
   return await fetchRoom();
@@ -21,7 +21,7 @@ rooms().then(
 <template>
   <div class="flex flex-column">
     <div class="flex align-items-center justify-content-center h-4rem m-2">
-      <h3 class="text-4xl">{{$t('roomFinderPage.headline')}}</h3>
+      <h3 class="text-4xl">{{ $t("roomFinderPage.headline") }}</h3>
       <i
         class="pi pi-search vertical-align-baseline ml-3"
         style="font-size: 2rem"
@@ -30,7 +30,7 @@ rooms().then(
     <div
       class="flex align-items-center justify-content-center h-4rem border-round m-2"
     >
-      <h5 class="text-2xl">{{$t('roomFinderPage.detail')}}</h5>
+      <h5 class="text-2xl">{{ $t("roomFinderPage.detail") }}</h5>
     </div>
     <div
       class="flex align-items-center justify-content-center border-round m-2"
@@ -43,7 +43,7 @@ rooms().then(
         option-label="name"
         :placeholder="$t('roomFinderPage.dropDownSelect')"
         :empty-message="$t('roomFinderPage.noRoomsAvailable')"
-        :autoFilterFocus="true"
+        :auto-filter-focus="true"
       />
     </div>
     <div class="m-6">