refactor(store): use createGlobalState instead of createSharedComposable

Author: VChet

src/store/events.ts

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

src/store/excluded-dependencies.ts

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

src/store/latest-versions.ts

@@ -1,5 +1,5 @@
 import { computed } from "vue";
-import { createSharedComposable, useLocalStorage, whenever } from "@vueuse/core";
+import { createGlobalState, useLocalStorage, whenever } 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): Promise<string | null> {
   return data.version ?? null;
 };
 
-export const useLatestVersionsStore = createSharedComposable(() => {
+export const useLatestVersionsStore = createGlobalState(() => {
   const storage = useLocalStorage<LatestVersionsStore>("latestVersions", DEFAULT_STORE, { mergeDefaults: true });
   const latestVersions = computed({
     get: () => storage.value.data,

src/store/repositories.ts

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

src/store/settings.ts

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

src/store/summary.ts

@@ -1,5 +1,5 @@
 import { computed, watch } from "vue";
-import { createSharedComposable, useArrayReduce, useLocalStorage } from "@vueuse/core";
+import { createGlobalState, 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 const useSummaryStorage = createSharedComposable(() => {
+export const useSummaryStorage = createGlobalState(() => {
   const summary = useLocalStorage<SummaryStore>("summary", DEFAULT_STORE, { mergeDefaults: true });
 
   const diff = computed(() => ({