Added reservation and username lookup

src/pages/schedule/BoatScheduleView.vue

@@ -37,7 +37,9 @@
                 <span class="title q-calendar__ellipsis">
                   {{ event.user }}
                   <q-tooltip>{{
-                    event.start + ' - ' + event.resource.name
+                    event.start +
+                    ' - ' +
+                    boatStore.getBoatById(event.resource)?.name
                   }}</q-tooltip>
                 </span>
               </div>
@@ -54,12 +56,14 @@ import { useScheduleStore } from 'src/stores/schedule';
 import { Reservation } from 'src/stores/schedule.types';
 import { ref } from 'vue';
 const scheduleStore = useScheduleStore();
-import { TimestampOrNull, parseDate, today } from '@quasar/quasar-ui-qcalendar';
+import { TimestampOrNull, parsed, today } from '@quasar/quasar-ui-qcalendar';
 import { QCalendarDay } from '@quasar/quasar-ui-qcalendar';
 import { date } from 'quasar';
 import { Timestamp } from '@quasar/quasar-ui-qcalendar';
+import { useBoatStore } from 'src/stores/boat';
 
 const selectedDate = ref(today());
+const boatStore = useBoatStore();
 
 // Method declarations
 
@@ -74,7 +78,7 @@ function slotStyle(
     'align-items': 'flex-start',
   };
   if (timeStartPos && timeDurationHeight) {
-    s.top = timeStartPos(parseDate(event.start)) + 'px';
+    s.top = timeStartPos(parsed(event.start)) + 'px';
     s.height =
       timeDurationHeight(date.getDateDiff(event.end, event.start, 'minutes')) +
       'px';