Sorted out reactivity with storeToRefs

src/stores/sampledata/schedule.ts

@@ -11,7 +11,7 @@ import type {
   StatusTypes,
   Reservation,
   TimeBlockTemplate,
-  Timeblock,
+  TimeBlock,
   TimeTuple,
 } from '../schedule.types';
 
@@ -36,18 +36,18 @@ export const templateB: TimeBlockTemplate = {
   ],
 };
 
-export function getSampleTimeBlocks(): Timeblock[] {
+export function getSampleTimeBlocks(): TimeBlock[] {
   // Hard-code 30 days worth of blocks, for now.  Make them random templates
   const boats = useBoatStore().boats;
-  const result: Timeblock[] = [];
+  const result: TimeBlock[] = [];
   const tsToday: Timestamp = parseTimestamp(today()) as Timestamp;
 
   for (let i = 0; i <= 30; i++) {
     const template = templateB;
     result.push(
-      ...boats.value
-        .map((b): Timeblock[] => {
-          return template.blocks.map((t: TimeTuple): Timeblock => {
+      ...boats
+        .map((b): TimeBlock[] => {
+          return template.blocks.map((t: TimeTuple): TimeBlock => {
             return {
               $id: 'id' + Math.random().toString(32).slice(2),
               boatId: b.$id,
@@ -127,7 +127,7 @@ export function getSampleReservations(): Reservation[] {
   };
 
   return sampleData.map((entry): Reservation => {
-    const boat = <Boat>boatStore.boats.value.find((b) => b.$id == entry.boat);
+    const boat = <Boat>boatStore.boats.find((b) => b.$id == entry.boat);
     return {
       id: entry.id,
       user: entry.user,