Use vueuse useStorage instead of manually using localStorage

web/src/App.vue

@@ -2,7 +2,6 @@
 import { mapState } from "pinia";
 import { defineComponent } from "vue";
 import { useBudgetsStore } from "./stores/budget";
-import { useAccountStore } from "./stores/budget-account";
 import { useSessionStore } from "./stores/session";
 import { useSettingsStore } from "./stores/settings";
 
@@ -15,7 +14,7 @@ export default defineComponent({
     methods: {
         logout() {
             useSessionStore().logout();
-            this.$router.push("/login")
+            this.$router.push("/login");
         },
         toggleMenu() {
             useSettingsStore().toggleMenu();
@@ -24,40 +23,6 @@ export default defineComponent({
             useSettingsStore().toggleMenuSize();
         }
     },
-    beforeCreate() {
-        useSessionStore().restoreFromLocalStorage();
-        
-        
-        /*
-        const store = localStorage.getItem("session");
-        if (!store)
-            return;
-
-        const restoredState = JSON.parse(store);
-        if (!restoredState)
-            return;
-
-console.log("session", restoredState)
-        const sessionStore = useSessionStore();
-        sessionStore.User = restoredState.Session.User;
-        sessionStore.Token = restoredState.Session.Token;
-        for (const budget of restoredState.Budgets || []) {
-            sessionStore.Budgets.set(budget[0], budget[1]);
-        }
-
-        const budgetsStore = useBudgetsStore();
-        budgetsStore.CurrentBudgetID = restoredState.CurrentBudgetID;
-
-        const accountStore = useAccountStore();
-        accountStore.CurrentAccountID = restoredState.CurrentAccountID;
-        for (const account of restoredState.Accounts || []) {
-            accountStore.Accounts.set(account[0], account[1]);
-        }
-
-        const settingsStore = useSettingsStore();
-        settingsStore.ShowMenu = restoredState.ShowMenu;
-        settingsStore.ExpandMenu = restoredState.ExpandMenu;*/
-    }
 })
 </script>