fix(store): run updateCheck on localStorage init

Author: VChet

src/store/events.ts

@@ -1,5 +1,5 @@
 import { computed } from "vue";
-import { createSharedComposable, useLocalStorage } from "@vueuse/core";
+import { createSharedComposable, useLocalStorage, whenever } from "@vueuse/core";
 import dayjs from "dayjs";
 import { fetchCurrentUserReceivedEvents } from "@/service/octokit";
 import { useSettingsStore } from "@/store/settings";
@@ -84,12 +84,12 @@ export const useEventsStore = createSharedComposable(() => {
     const isUpdateNeeded = !lastUpdate.value || dayjs().diff(dayjs(lastUpdate.value), "hours") >= 1;
     if (isUpdateNeeded) return updateEvents();
   }
+  whenever(() => storage.value.lastUpdate, () => updateCheck, { immediate: true });
 
   return {
     events,
     amount,
     isFeedAvailable,
-    updateEvents,
-    updateCheck
+    updateEvents
   };
 });

src/store/latest-versions.ts

@@ -1,5 +1,5 @@
 import { computed } from "vue";
-import { createSharedComposable, useLocalStorage } from "@vueuse/core";
+import { createSharedComposable, useLocalStorage, whenever } from "@vueuse/core";
 import dayjs from "dayjs";
 import type { PackageJson } from "type-fest";
 import { useDependencyTable } from "@/composable/useDependencyTable";
@@ -45,10 +45,10 @@ export const useLatestVersionsStore = createSharedComposable(() => {
     const isUpdateNeeded = isEmpty.value || !lastUpdate.value || dayjs().diff(dayjs(lastUpdate.value), "hours") >= 1;
     if (isUpdateNeeded) return updateLatestVersions();
   }
+  whenever(() => storage.value.lastUpdate, () => updateCheck, { immediate: true });
 
   return {
     latestVersions,
-    updateLatestVersions,
-    updateCheck
+    updateLatestVersions
   };
 });

src/store/repositories.ts

@@ -1,5 +1,5 @@
 import { computed } from "vue";
-import { createSharedComposable, useLocalStorage } from "@vueuse/core";
+import { createSharedComposable, useLocalStorage, whenever } from "@vueuse/core";
 import dayjs from "dayjs";
 import { isExportedRepository, type ExportedRepository } from "@/helpers/export";
 import { fetchRepo, fetchRepositoryFiles, fetchRepositoryPackages, fetchRepositoryWorkflows } from "@/service/octokit";
@@ -107,6 +107,7 @@ export const useRepositoriesStore = createSharedComposable(() => {
     const isUpdateNeeded = !lastUpdate.value || dayjs().diff(dayjs(lastUpdate.value), "hours") >= 1;
     if (isUpdateNeeded) return updateRepositories();
   }
+  whenever(() => storage.value.lastUpdate, () => updateCheck, { immediate: true });
 
   return {
     repositories,
@@ -116,7 +117,6 @@ export const useRepositoriesStore = createSharedComposable(() => {
     updateRepository,
     updateRepositories,
     importRepositories,
-    exportRepositories,
-    updateCheck
+    exportRepositories
   };
 });

src/views/DependenciesView.vue

@@ -47,7 +47,6 @@
   </div>
 </template>
 <script setup lang="ts">
-import { onMounted } from "vue";
 import { IconX } from "@tabler/icons-vue";
 import semverDiff from "semver/functions/diff";
 import type { ReleaseType } from "semver";
@@ -59,12 +58,9 @@ import { useSettingsStore } from "@/store/settings";
 
 const { settings } = useSettingsStore();
 const { hasDependencies, repos, dependencies } = useDependencyTable();
-
 const { excludedDependencies, hideDependency, showDependency } = useExcludedDependenciesStore();
 
-const { latestVersions, updateCheck } = useLatestVersionsStore();
-onMounted(updateCheck);
-
+const { latestVersions } = useLatestVersionsStore();
 function versionDiffClass(packageName: string, version?: string): ReleaseType | null {
   if (!version) return null;
   const projectVersion = version.replace(/[^0-9.]/g, "");

src/views/FeedView.vue

@@ -14,11 +14,9 @@
   </section>
 </template>
 <script setup lang="ts">
-import { onMounted } from "vue";
 import { useEventsStore } from "@/store/events";
 
-const { events, amount, updateCheck } = useEventsStore();
-onMounted(updateCheck);
+const { events, amount } = useEventsStore();
 </script>
 <style lang="scss">
 .user-feed {

src/views/RepositoriesView.vue

@@ -30,7 +30,7 @@
   </section>
 </template>
 <script setup lang="ts">
-import { computed, onMounted, ref, useTemplateRef } from "vue";
+import { computed, ref, useTemplateRef } from "vue";
 import { refDebounced } from "@vueuse/core";
 import { useSortable } from "@vueuse/integrations/useSortable";
 import { IconGitFork, IconPackages, IconSortAZ, IconStar } from "@tabler/icons-vue";
@@ -39,8 +39,7 @@ import { useSettingsStore } from "@/store/settings";
 import RepoItem from "@/components/repo-item.vue";
 
 const { settings } = useSettingsStore();
-const { repositories, deleteRepository, updateCheck } = useRepositoriesStore();
-onMounted(updateCheck);
+const { repositories, deleteRepository } = useRepositoriesStore();
 
 const searchQueryInput = ref("");
 const searchQuery = refDebounced(searchQueryInput, 300);