refactor(stores): wrap into createSharedComposable

Author: VChet

src/store/events.ts

@@ -1,5 +1,5 @@
 import { computed } from "vue";
-import { useLocalStorage } from "@vueuse/core";
+import { createSharedComposable, useLocalStorage } from "@vueuse/core";
 import dayjs from "dayjs";
 import { fetchCurrentUserReceivedEvents } from "@/service/octokit";
 import { useSettingsStore } from "@/store/settings";
@@ -35,7 +35,7 @@ const DEFAULT_STORE: EventsStore = {
   data: []
 };
 
-export function useEventsStore() {
+export const useEventsStore = createSharedComposable(() => {
   const storage = useLocalStorage<EventsStore>("events", DEFAULT_STORE, { mergeDefaults: true });
   const events = computed({
     get: () => storage.value.data,
@@ -91,4 +91,4 @@ export function useEventsStore() {
     updateEvents,
     updateCheck
   };
-}
+});

src/store/excluded-dependencies.ts

@@ -1,9 +1,9 @@
-import { useLocalStorage } from "@vueuse/core";
+import { createSharedComposable, useLocalStorage } from "@vueuse/core";
 
 type ExcludedDependenciesStore = Set<string>;
 const DEFAULT_STORE: ExcludedDependenciesStore = new Set();
 
-export function useExcludedDependenciesStore() {
+export const useExcludedDependenciesStore = createSharedComposable(() => {
   const excludedDependencies = useLocalStorage("excludedDependencies", DEFAULT_STORE, { mergeDefaults: true });
 
   function hideDependency(dep: string): void {
@@ -18,4 +18,4 @@ export function useExcludedDependenciesStore() {
     hideDependency,
     showDependency
   };
-}
+});

src/store/latest-versions.ts

@@ -1,5 +1,5 @@
 import { computed } from "vue";
-import { useLocalStorage } from "@vueuse/core";
+import { createSharedComposable, useLocalStorage } from "@vueuse/core";
 import dayjs from "dayjs";
 import type { PackageJson } from "type-fest";
 import { useDependencyTable } from "@/composable/useDependencyTable";
@@ -19,7 +19,7 @@ async function fetchLatestVersion(dependency: string) {
   return data.version;
 };
 
-export function useLatestVersionsStore() {
+export const useLatestVersionsStore = createSharedComposable(() => {
   const storage = useLocalStorage<LatestVersionsStore>("latestVersions", DEFAULT_STORE, { mergeDefaults: true });
   const latestVersions = computed({
     get: () => storage.value.data,
@@ -51,4 +51,4 @@ export function useLatestVersionsStore() {
     updateLatestVersions,
     updateCheck
   };
-}
+});

src/store/repositories.ts

@@ -1,5 +1,5 @@
 import { computed } from "vue";
-import { isObject, useLocalStorage } from "@vueuse/core";
+import { createSharedComposable, isObject, useLocalStorage } from "@vueuse/core";
 import dayjs from "dayjs";
 import { fetchRepo, fetchRepositoryFiles, fetchRepositoryPackages, fetchRepositoryWorkflows } from "@/service/octokit";
 import type { Repository } from "@/composable/useRepo";
@@ -33,7 +33,7 @@ async function parsePackageManager(fullName: Repository["full_name"]): Promise<"
   return undefined;
 }
 
-export function useRepositoriesStore() {
+export const useRepositoriesStore = createSharedComposable(() => {
   const storage = useLocalStorage<RepositoriesStore>("repositories", DEFAULT_STORE, { mergeDefaults: true });
   const repositories = computed({
     get: () => storage.value.data,
@@ -114,4 +114,4 @@ export function useRepositoriesStore() {
     exportRepositories,
     updateCheck
   };
-}
+});

src/store/settings.ts

@@ -1,4 +1,4 @@
-import { useLocalStorage } from "@vueuse/core";
+import { createSharedComposable, useLocalStorage } from "@vueuse/core";
 import { useRegisterSW } from "virtual:pwa-register/vue";
 
 type Theme = "github" | "blue" | "beige" | "green" | "red";
@@ -18,7 +18,7 @@ const DEFAULT_STORE: SettingsStore = {
   theme: "github"
 };
 
-export function useSettingsStore() {
+export const useSettingsStore = createSharedComposable(() => {
   const settings = useLocalStorage<SettingsStore>("settings", DEFAULT_STORE, { mergeDefaults: true });
 
   const { needRefresh, updateServiceWorker } = useRegisterSW({ immediate: true });
@@ -28,4 +28,4 @@ export function useSettingsStore() {
     needRefresh,
     updateServiceWorker
   };
-}
+});

src/store/summary.ts

@@ -1,5 +1,5 @@
 import { computed, watch } from "vue";
-import { useArrayReduce, useLocalStorage } from "@vueuse/core";
+import { createSharedComposable, useArrayReduce, useLocalStorage } from "@vueuse/core";
 import dayjs from "dayjs";
 import { deepCopy, deepEqual } from "@/helpers/object";
 import { useRepositoriesStore } from "./repositories";
@@ -22,7 +22,7 @@ const DEFAULT_STORE: SummaryStore = {
   lastUpdate: dayjs().toISOString()
 };
 
-export function useSummaryStorage() {
+export const useSummaryStorage = createSharedComposable(() => {
   const summary = useLocalStorage<SummaryStore>("summary", DEFAULT_STORE, { mergeDefaults: true });
 
   const diff = computed(() => ({
@@ -57,4 +57,4 @@ export function useSummaryStorage() {
     repoAmount: computed(() => summary.value.current.repos),
     summary: computed(() => summary.value.current)
   };
-}
+});