Clean up store

src/App.vue

@@ -5,7 +5,7 @@
 <script lang="ts">
 import { watchEffect, defineComponent } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import { setupStore } from "./store";
+import { lects } from "./store";
 
 import "./Phonology/main";
 import "./Converter/main";
@@ -23,10 +23,9 @@ export default defineComponent({
           : { name: "Home" }
       );
     }
-    if (route.name !== "Home") {
-      const lects = JSON.parse(localStorage.lects ?? "[]");
-      setupStore(lects);
-    }
+    if (route.name !== "Home")
+      lects.value = JSON.parse(localStorage.lects ?? "[]");
+
     watchEffect(() => {
       if (route.name) localStorage.url = route.path;
     });

src/Home/index.vue

@@ -66,7 +66,7 @@ import {
   defineComponent,
 } from "vue";
 import { useRouter } from "vue-router";
-import { setupStore } from "@/store";
+import { lects } from "@/store";
 import { reset, catalogue, search, query } from "./main";
 import { createMap } from "./map";
 
@@ -85,7 +85,7 @@ export default defineComponent({
       else search.selected.add(name);
     }
     function load() {
-      setupStore([...search.selected]);
+      lects.value = [...search.selected];
       router.push({ name: "Phonology" });
     }
 

src/store.ts

@@ -1,25 +1,11 @@
 import { ref } from "vue";
 
-let key: symbol;
 export const lects = ref<string[]>([]);
 export const root =
   process.env.VUE_APP_STORE === "local"
     ? "/store/"
     : "https://raw.githubusercontent.com/alkaitagi/Avzag/store/";
 
-export function setupStore(_lects: string[]) {
-  lects.value = _lects;
-  key = Symbol("lects");
-}
-export function getInitializer(callback: () => Promise<unknown>) {
-  let _key: symbol;
-  return async () => {
-    if (_key === key) return;
-    _key = key;
-    await callback();
-  };
-}
-
 export async function loadJSON(filename: string, defaultValue?: unknown) {
   return await fetch(root + filename + ".json")
     .then((r) => r.json())