fix:#15 linted format and typ fix

frontend/src/components/CalendarPreview.vue

@@ -1,4 +1,3 @@
-
 <script lang="ts" setup>
 import { Ref, computed, ref } from "vue";
 import moduleStore from "../store/moduleStore";
@@ -11,14 +10,14 @@ const tableData = computed(() =>
   store.getAllModules().map((module) => {
     return {
       Course: module.course,
-      Module: module.userDefinedName
+      Module: module.userDefinedName,
     };
   }),
 );
 
 const previewOn: Ref<boolean> = computed(() => {
   return moduleStore().modules.size > 0;
-})
+});
 
 const columns = ref([
   { field: "Course", header: "Course" },
@@ -39,13 +38,13 @@ window.addEventListener("resize", updateMobile);
     id="calendar-dialog"
     ref="calendar"
     :visible="dialogVisible && previewOn"
-    @update:visible="dialogVisible = $event"
-    :maximizable=!mobilePage
-    :draggable=false
+    :maximizable="!mobilePage"
+    :draggable="false"
     header="Kalendervorschau"
     class="w-full lg:w-30rem lg:h-auto m-0 lg:m-2"
     position="bottomright"
-    >
+    @update:visible="dialogVisible = $event"
+  >
     Hier könnte Ihre Werbung stehen!
 
     <DataTable
@@ -65,20 +64,19 @@ window.addEventListener("resize", updateMobile);
           {{ data[field] }}
         </template>
       </Column>
-
     </DataTable>
   </Dialog>
   <SpeedDial
-    :style="{ position: 'fixed', bottom: '2rem', right: '2rem' }"
     v-if="previewOn && !dialogVisible"
-    >
+    :style="{ position: 'fixed', bottom: '2rem', right: '2rem' }"
+  >
     <template #button>
       <Button
         icon="pi pi-calendar"
         label="Preview"
         class="p-button-rounded p-button-primary"
         @click="dialogVisible = true"
-        />
+      />
     </template>
   </SpeedDial>
 </template>