lint:#13 formatted

frontend/src/components/CalendarLink.vue

@@ -104,7 +104,7 @@ const actions = computed(() => [
     label: t("calendarLink.toHTWKalendar"),
     icon: "pi pi-home",
     command: forwardToHTWKalendar,
-  }
+  },
 ]);
 </script>
 

frontend/src/components/CalendarViewer.vue

@@ -17,10 +17,13 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
-
 import FullCalendar from "@fullcalendar/vue3";
 import { computed, ComputedRef, inject, Ref, ref, watch } from "vue";
-import { CalendarOptions, DatesSetArg, EventClickArg } from "@fullcalendar/core";
+import {
+  CalendarOptions,
+  DatesSetArg,
+  EventClickArg,
+} from "@fullcalendar/core";
 import allLocales from "@fullcalendar/core/locales-all";
 import dayGridPlugin from "@fullcalendar/daygrid";
 import interactionPlugin from "@fullcalendar/interaction";
@@ -55,7 +58,6 @@ const toggle = (info: EventClickArg) => {
     op.value.hide();
     return;
   } else {
-    
     clickedEvent.value = {
       title: info.event._def.title,
       start: start,
@@ -66,11 +68,8 @@ const toggle = (info: EventClickArg) => {
     };
     op.value.show(info.jsEvent);
     op.value.target = info.el;
-
   }
-
-
-}
+};
 
 const selectedToken = computed(() => props.token);
 
@@ -79,8 +78,7 @@ const date: Ref<Date> = ref(new Date());
 
 const { data: calendar } = useQuery({
   queryKey: ["userCalendar", selectedToken],
-  queryFn: () =>
-    fetchICalendarEvents(selectedToken.value),
+  queryFn: () => fetchICalendarEvents(selectedToken.value),
   select: (data) => {
     return data;
   },
@@ -175,20 +173,22 @@ watch(mobilePage, () => {
 </script>
 
 <template>
-
-  <FullCalendar id="overlay-mount-point" ref="fullCalendar" :options="calendarOptions" >
+  <FullCalendar
+    id="overlay-mount-point"
+    ref="fullCalendar"
+    :options="calendarOptions"
+  >
   </FullCalendar>
 
-  <OverlayPanel ref="op" >
-      <div>
-        <h3>{{ clickedEvent.title }}</h3>
-        <p>Location: {{ clickedEvent.location }}</p>
-        <p>Start: {{ clickedEvent.start?.toLocaleString()}}</p>
-        <p>End: {{ clickedEvent.end?.toLocaleString() }}</p>
-        <p>Notes: {{ clickedEvent.notes }}</p>
-      </div>
+  <OverlayPanel ref="op">
+    <div>
+      <h3>{{ clickedEvent.title }}</h3>
+      <p>Location: {{ clickedEvent.location }}</p>
+      <p>Start: {{ clickedEvent.start?.toLocaleString() }}</p>
+      <p>End: {{ clickedEvent.end?.toLocaleString() }}</p>
+      <p>Notes: {{ clickedEvent.notes }}</p>
+    </div>
   </OverlayPanel>
-
 </template>
 
 <style scoped>
@@ -197,4 +197,4 @@ watch(mobilePage, () => {
   justify-content: space-between;
   gap: 0.5rem;
 }
-</style>
+</style>

frontend/src/components/DarkModeSwitcher.vue

@@ -45,7 +45,7 @@ onMounted(() => {
   // set theme matching browser preference
   setTheme(
     window.matchMedia &&
-    window.matchMedia("(prefers-color-scheme: dark)").matches,
+      window.matchMedia("(prefers-color-scheme: dark)").matches,
   );
 
   window
@@ -63,7 +63,7 @@ onMounted(() => {
     class="p-button-rounded w-full md:w-auto"
     style="margin-right: 1rem"
     :severity="isDark ? 'warning' : 'success'"
-    @click="toggleTheme();"
+    @click="toggleTheme()"
   >
     <i v-if="isDark" class="pi pi-sun"></i>
     <i v-else class="pi pi-moon"></i>

frontend/src/components/LocaleSwitcher.vue

@@ -68,7 +68,14 @@ updateLocale(localeStore().locale);
     <template #value="slotProps">
       <div v-if="slotProps.value" class="flex align-items-center">
         <div class="mr-2 flag">{{ displayIcon(slotProps.value) }}</div>
-        <div style="font-family: 'Twemoji Country Flags', 'Helvetica', 'Comic Sans', serif;">{{ displayCountry(slotProps.value) }}</div>
+        <div
+          style="
+            font-family: &quot;Twemoji Country Flags&quot;,
+              &quot;Helvetica&quot;, &quot;Comic Sans&quot;, serif;
+          "
+        >
+          {{ displayCountry(slotProps.value) }}
+        </div>
       </div>
       <span v-else>
         {{ slotProps.placeholder }}

frontend/src/components/MenuBar.vue

@@ -67,7 +67,7 @@ const items = computed(() => [
         label: t("roomFinderPage.roomSchedule") + " (offline)",
         icon: "pi pi-fw pi-ban",
         route: "/rooms/occupancy/offline",
-      }
+      },
     ],
   },
   {
@@ -140,7 +140,9 @@ function handleDarkModeToggled(isDarkVar: boolean) {
     </template>
     <template #end>
       <div class="flex align-items-stretch justify-content-center">
-        <DarkModeSwitcher @dark-mode-toggled="handleDarkModeToggled"></DarkModeSwitcher>
+        <DarkModeSwitcher
+          @dark-mode-toggled="handleDarkModeToggled"
+        ></DarkModeSwitcher>
         <LocaleSwitcher></LocaleSwitcher>
       </div>
     </template>

frontend/src/components/RoomOccupation.vue

@@ -181,9 +181,7 @@ const calendarOptions: ComputedRef<CalendarOptions> = computed(() => ({
           borderColor: event.showFree
             ? "var(--htwk-gruen-600)"
             : "var(--htwk-grau-60-600)",
-          textColor: event.showFree
-            ? "var(--green-50)"
-            : "white",
+          textColor: event.showFree ? "var(--green-50)" : "white",
           title: event.showFree
             ? t("roomFinderPage.available")
             : t("roomFinderPage.occupied"),

frontend/src/components/RoomOccupationOffline.vue

@@ -73,18 +73,22 @@ const selectedRoom = computed(() => props.room);
 
 /**
  * Transform decoded JSON object with binary data
- * to anonymized occupancy events 
+ * to anonymized occupancy events
  * @param data RoomOccupancyList with binary data
  * @returns Anonymized occupancy events
  */
 function transformData(data: RoomOccupancyList) {
   const events = data
-    .decodeOccupancy(selectedRoom.value, new Date(currentDateFrom.value), new Date(currentDateTo.value))
+    .decodeOccupancy(
+      selectedRoom.value,
+      new Date(currentDateFrom.value),
+      new Date(currentDateTo.value),
+    )
     .map((event, index) => ({
       id: index,
       event: event,
     }));
-    return events;
+  return events;
 }
 
 const { data: occupations } = useQuery({
@@ -92,7 +96,7 @@ const { data: occupations } = useQuery({
   queryFn: () =>
     fetchRoomOccupancy(
       new Date(currentDateFrom.value).toISOString(),
-      new Date(currentDateTo.value).toISOString()
+      new Date(currentDateTo.value).toISOString(),
     ),
   select: (data) => transformData(data),
   enabled: () => selectedRoom.value !== "" && currentDateFrom.value !== "",
@@ -185,17 +189,15 @@ const calendarOptions: ComputedRef<CalendarOptions> = computed(() => ({
           id: event.id.toString(),
           start: event.event.start,
           end: event.event.end,
-          color: event.event.free 
-            ? "var(--htwk-gruen-500)" 
+          color: event.event.free
+            ? "var(--htwk-gruen-500)"
             : "var(--htwk-grau-60-500)",
-          textColor: event.event.free
-            ? "var(--green-50)"
-            : "white",
+          textColor: event.event.free ? "var(--green-50)" : "white",
           title: event.event.stub
             ? t("roomFinderPage.stub")
             : event.event.free
-            ? t("roomFinderPage.available")
-            : t("roomFinderPage.occupied"),
+              ? t("roomFinderPage.available")
+              : t("roomFinderPage.occupied"),
         } as EventInput;
       }),
     );