Cleanup linting messages. Also, break some things

src/pages/BoatPage.vue

@@ -11,5 +11,7 @@ import { ref } from 'vue';
 import { useBoatStore } from 'src/stores/boat';
 import ToolbarComponent from 'src/components/ToolbarComponent.vue';
 
+const boatStore = useBoatStore();
+boatStore.fetchBoats();
 const boats = ref(useBoatStore().boats);
 </script>

src/pages/ProfilePage.vue

@@ -8,32 +8,25 @@
           <q-avatar icon="person" />
         </q-item-section>
         <q-item-section>
-          Ricky Gervais
+          {{ authStore.currentUser?.name }}
           <q-item-label caption>Name</q-item-label>
         </q-item-section>
       </q-item>
-      <q-item>
-        <q-item-section avatar>
-          <q-avatar icon="numbers" />
-        </q-item-section>
-        <q-item-section>
-          123456
-          <q-item-label caption>Member ID</q-item-label>
-        </q-item-section>
-      </q-item>
       <q-separator />
       <q-item>
         <q-item-section>
           <q-item-label overline>Certifications</q-item-label>
-          <q-chip square icon="verified" color="green" text-color="white"
-            >J/27</q-chip
-          >
-          <q-chip square icon="verified" color="blue" text-color="white"
-            >Capri25</q-chip
-          >
-          <q-chip square icon="verified" color="red" text-color="white"
-            >Night</q-chip
-          >
+          <div>
+            <q-chip square icon="verified" color="green" text-color="white"
+              >J/27</q-chip
+            >
+            <q-chip square icon="verified" color="blue" text-color="white"
+              >Capri25</q-chip
+            >
+            <q-chip square icon="verified" color="grey-9" text-color="white"
+              >Night</q-chip
+            >
+          </div>
         </q-item-section>
       </q-item>
     </q-list>
@@ -42,4 +35,7 @@
 
 <script setup lang="ts">
 import ToolbarComponent from 'src/components/ToolbarComponent.vue';
+import { useAuthStore } from 'src/stores/auth';
+
+const authStore = useAuthStore();
 </script>

src/pages/schedule/BoatScheduleView.vue

@@ -50,25 +50,17 @@
 </template>
 
 <script setup lang="ts">
-import { Reservation, useScheduleStore } from 'src/stores/schedule';
+import { useScheduleStore } from 'src/stores/schedule';
+import { Reservation } from 'src/stores/schedule.types';
 import { ref } from 'vue';
 const scheduleStore = useScheduleStore();
-import {
-  TimestampOrNull,
-  makeDateTime,
-  makeDate,
-  parseDate,
-  today,
-} from '@quasar/quasar-ui-qcalendar';
+import { TimestampOrNull, parseDate, today } from '@quasar/quasar-ui-qcalendar';
 import { QCalendarDay } from '@quasar/quasar-ui-qcalendar';
 import { date } from 'quasar';
 import { Timestamp } from '@quasar/quasar-ui-qcalendar';
 
 const selectedDate = ref(today());
 
-// Use ref to get a reference to the QCalendarDay component
-const calendarRef = ref(QCalendarDay);
-
 // Method declarations
 
 function slotStyle(
@@ -93,16 +85,6 @@ function slotStyle(
 function reservationEvents(timestamp: Timestamp) {
   return scheduleStore.getBoatReservations(timestamp);
 }
-
-function onToday() {
-  calendarRef.value.moveToToday();
-}
-function onPrev() {
-  calendarRef.value.prev();
-}
-function onNext() {
-  calendarRef.value.next();
-}
 function onMoved(data) {
   console.log('onMoved', data);
 }