fix(calendar): only persist calendar date when set

Author: dvcol

src/components/views/calendar/CalendarNavbar.vue

@@ -33,7 +33,7 @@ const pickerValue = computed({
   set: (value: number) => {
     const newDate = value ? new Date(value) : new Date();
     if (newDate.toLocaleDateString() === center.value.toLocaleDateString()) return;
-    clearState(value ? new Date(value) : undefined);
+    return clearState(newDate);
   },
 });
 

src/components/views/releases/ReleasesNavbar.vue

@@ -27,7 +27,7 @@ const pickerValue = computed({
   set: (value: number) => {
     const newDate = value ? new Date(value) : new Date();
     if (newDate.toLocaleDateString() === center.value.toLocaleDateString()) return;
-    clearState(value ? new Date(value) : undefined);
+    clearState(newDate);
   },
 });
 

src/stores/data/calendar.store.ts

@@ -51,7 +51,9 @@ export const useCalendarStore = defineStore(CalendarStoreConstants.Store, () =>
   const weeks = ref(1);
   const days = computed(() => weeks.value * 7 * 2);
 
-  const center = ref<Date>(new Date());
+  const _center = ref<Date>();
+  const center = computed(() => _center.value ?? new Date());
+
   const startCalendar = ref<Date>(DateUtils.weeks.previous(weeks.value, center.value));
   const endCalendar = ref<Date>(DateUtils.weeks.next(weeks.value, center.value));
 
@@ -60,22 +62,22 @@ export const useCalendarStore = defineStore(CalendarStoreConstants.Store, () =>
   const calendarErrors = reactive<ErrorDictionary>({});
   ErrorService.registerDictionary('calendar', calendarErrors);
 
-  const saveState = async (clear = false) => {
+  const saveState = async () => {
     return storage.local.set<CalendarState>(CalendarStoreConstants.Store, {
-      center: clear ? undefined : center.value.getTime(),
+      center: _center.value?.getTime(),
       weeks: weeks.value,
       extended: extended.value,
     });
   };
 
   const clearState = (date?: Date, save = true) => {
     calendar.value = [];
-    center.value = date ?? new Date();
+    _center.value = date;
     startCalendar.value = DateUtils.weeks.previous(weeks.value, center.value);
     endCalendar.value = DateUtils.weeks.next(weeks.value, center.value);
     clearProxy(calendarErrors);
     if (!save) return;
-    saveState(!date).catch(e => Logger.error('Failed to save calendar state', e));
+    saveState().catch(e => Logger.error('Failed to save calendar state', e));
   };
 
   const restoreState = async () => {
@@ -159,18 +161,14 @@ export const useCalendarStore = defineStore(CalendarStoreConstants.Store, () =>
   };
 
   return {
+    initCalendarStore,
+    fetchCalendar,
     clearState,
-    saveState,
-    restoreState,
     loading,
     calendar,
-    startCalendar,
-    endCalendar,
-    fetchCalendar,
-    filter,
     center,
+    filter,
     filteredCalendar,
-    initCalendarStore,
     extended: computed({
       get: () => extended.value,
       set: (value: boolean) => {

src/stores/data/releases.store.ts

@@ -71,7 +71,9 @@ export const useReleasesStore = defineStore(ReleasesStoreConstants.Store, () =>
   const weeks = ref(1);
   const days = computed(() => weeks.value * 7 * 2);
 
-  const center = ref<Date>(new Date());
+  const _center = ref<Date>();
+  const center = computed(() => _center.value ?? new Date());
+
   const startCalendar = ref<Date>(DateUtils.weeks.previous(weeks.value, center.value));
   const endCalendar = ref<Date>(DateUtils.weeks.next(weeks.value, center.value));
 
@@ -84,21 +86,21 @@ export const useReleasesStore = defineStore(ReleasesStoreConstants.Store, () =>
   const releasesErrors = reactive<ErrorDictionary>({});
   ErrorService.registerDictionary('releases', releasesErrors);
 
-  const saveState = async (clear = false) =>
+  const saveState = async () =>
     storage.local.set<ReleaseState>(ReleasesStoreConstants.Store, {
-      center: clear ? undefined : center.value.getTime(),
+      center: _center.value?.getTime(),
       weeks: weeks.value,
       region: region.value,
       releaseType: releaseType.value,
     });
 
   const clearState = (date?: Date) => {
     releases.value = [];
-    center.value = date ?? new Date();
+    _center.value = date;
     startCalendar.value = DateUtils.weeks.previous(weeks.value, center.value);
     endCalendar.value = DateUtils.weeks.next(weeks.value, center.value);
     clearProxy(releasesErrors);
-    saveState(!date).catch(e => Logger.error('Failed to save calendar state', e));
+    saveState().catch(e => Logger.error('Failed to save calendar state', e));
   };
 
   const restoreState = async () => {

vite.config.ts

@@ -176,6 +176,7 @@ export default defineConfig(() => ({
   server: {
     port,
     open: true,
+    host: true,
     hmr: {
       host: 'localhost',
     },
@@ -184,6 +185,7 @@ export default defineConfig(() => ({
     port: port + 1,
     cors: true,
     open: true,
+    host: true,
   },
   build: {
     outDir: resolveParent('dist'),