Clean up all kinds of typescript issues

src/pages/schedule/ManageCalendar.vue

@@ -0,0 +1,47 @@
+<template>
+  <div class="fit row wrap justify-start items-start content-start">
+    <div class="col-9">
+      <div class="scheduler">
+        <q-calendar-scheduler
+          ref="calendar"
+          v-model="selectedDate"
+          v-model:model-resources="resources"
+          view="week"
+          :drag-enter-func="onDragEnter"
+          :drag-over-func="onDragOver"
+          :drag-leave-func="onDragLeave"
+          :drop-func="onDrop"
+          :weekday-class="onWeekdayClass"
+          :day-class="onDayClass"
+          :weekdays="[1, 2, 3, 4, 5]"
+          hoverable
+          animated
+          bordered
+          :day-min-height="50"
+          :day-height="0"
+          style="max-width: 800px; width: 100%"
+          @change="onChange"
+          @moved="onMoved"
+          @click-date="onClickDate"
+          @click-day-resource="onClickDayResource"
+          @click-resource="onClickResource"
+          @click-head-resources="onClickHeadResources"
+          @click-head-day="onClickHeadDay"
+        ></q-calendar-scheduler>
+      </div>
+    </div>
+    HI!
+    <div class="col-3">
+      <!---->
+    </div>
+  </div>
+</template>
+
+<script setup type="ts">
+import {QCalendarScheduler, today} from '@quasar/quasar-ui-qcalendar'
+import { useBoatStore } from 'src/stores/boat';
+import { ref } from 'vue';
+
+const selectedDate = ref(today())
+const resources = ref(useBoatStore().boats)
+</script>