Fix date init from localStorage

ajuvonen · Jan 30, 2024 · 898fe81 · 898fe81
1 parent 50c8822
commit 898fe81
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/src/components/__tests__/calendarExport.spec.ts b/src/components/__tests__/calendarExport.spec.ts
@@ -14,9 +14,9 @@ describe('useCalendarExport', () => {
   });
 
   const createTestComponent = (settings: ScheduleSettings, weeks: Week[]) => {
-    scheduleStore.$patch({
-      settings,
-      weeks,
+    scheduleStore.$patch((state) => {
+      state.settings = settings;
+      state.weeks = weeks;
     });
     const promise: Promise<CalendarEvent[]> = new Promise((resolve) => {
       mount({

diff --git a/src/stores/schedule.ts b/src/stores/schedule.ts
@@ -26,6 +26,15 @@ export const useScheduleStore = defineStore('schedule', () => {
   // State refs
   const settings = useStorage('getfit-settings', getEmptySchedule(), localStorage, {
     mergeDefaults: true,
+    serializer: {
+      read: (v: any) => v ? JSON.parse(v, (key, value) => {
+        if (key === 'startDate' && value) {
+          return DateTime.fromISO(value).toJSDate();
+        }
+        return value;
+      }) : null,
+      write: (v: any) => JSON.stringify(v),
+    },
   });
 
   const weeks = useStorage('getfit-schedule', [] as Week[], localStorage, {mergeDefaults: true});