First step from vuex to pinia

web/src/store/index.ts

@@ -3,98 +3,21 @@ import { createStore, Store, createLogger } from 'vuex'
 import { LOGIN_SUCCESS, LOGOUT, TITLE } from './mutation-types'
 import { FETCH_ACCOUNT, FETCH_BUDGET, GET, REGISTER, IMPORT_YNAB, LOGIN, NEW_BUDGET, POST, SET_CURRENT_ACCOUNT, SET_CURRENT_BUDGET } from './action-types'
 import { budgetStore } from './budget'
-
-export interface State {
-    Session: {
-        Token?: string
-        User?: string
-    },
-    ShowMenu?: boolean,
-    ExpandMenu?: boolean,
-    Budgets: Map<string, Budget>,
-    CurrentBudgetID?: string,
-}
-
-export interface Budget {
-    ID: string
-    Name: string
-    AvailableBalance: number
-}
+import { Budget, useSessionStore } from '../stores/session'
 
 export const key: InjectionKey<Store<State>> = Symbol()
 
 export const store = createStore<State>({
     state: {
-        Session: {
-            Token: undefined,
-            User: undefined
-        },
         ShowMenu: undefined,
-        Budgets: new Map<string, Budget>(),
         CurrentBudgetID: undefined,
     },
     mutations: {
-        deleteBudget(state: State, budgetid: string) {
-            state.Budgets.delete(budgetid)
-        },
-        toggleMenu(state) {
-            state.ShowMenu = !state.ShowMenu;
-        },
-        toggleMenuSize(state) {
-            state.ExpandMenu = !state.ExpandMenu;
-        },
-        initializeStore(state) {
-            const store = localStorage.getItem("store");
-            if (!store)
-                return;
-
-            const restoredState = JSON.parse(store);
-            if (!restoredState)
-                return;
-
-            state.Session = restoredState.Session;
-            state.CurrentBudgetID = restoredState.CurrentBudgetID;
-            state.ShowMenu = restoredState.ShowMenu;
-            state.ExpandMenu = restoredState.ExpandMenu;
-
-            for (const budget of restoredState.Budgets || []) {
-                state.Budgets.set(budget[0], budget[1]);
-            }
-        },
         [TITLE](state, title) {
             document.title = "Budgeteer - " + title;
         },
-        [LOGIN_SUCCESS](state, result) {
-            state.Session = {
-                User: result.User,
-                Token: result.Token
-            };
-            for (const budget of result.Budgets) {
-                state.Budgets.set(budget.ID, budget)
-            }
-        },
-        addBudget(state, budget) {
-            state.Budgets.set(budget.ID, budget);
-        },
-        [LOGOUT](state) {
-            state.Session = { Token: undefined, User: undefined };
-            state.Budgets.clear();
-        },
-        setCurrentBudgetID(state, budgetid) {
-            state.CurrentBudgetID = budgetid;
-        },
     },
     actions: {
-        [LOGIN]({ state, commit }, login) {
-            return fetch("/api/v1/user/login", { method: "POST", body: JSON.stringify(login) })
-                .then(x => x.json())
-                .then(x => commit(LOGIN_SUCCESS, x))
-        },
-        [REGISTER]({ state, commit }, login) {
-            return fetch("/api/v1/user/register", { method: "POST", body: JSON.stringify(login) })
-                .then(x => x.json())
-                .then(x => commit(LOGIN_SUCCESS, x))
-        },
         [IMPORT_YNAB]({ getters, dispatch }, formData) {
             return dispatch("POST", { path: "/budget/" + getters.CurrentBudget.ID + "/import/ynab", body: formData });
         },
@@ -137,9 +60,6 @@ export const store = createStore<State>({
         },
     },
     getters: {
-        Budgets(state) {
-            return state.Budgets.values();
-        },
         AuthHeaders(state) {
             return {
                 'Authorization': 'Bearer ' + state.Session.Token
@@ -171,9 +91,10 @@ export const store = createStore<State>({
 })
 
 store.subscribe((mutation, state) => {
+
+    const sessionStore = useSessionStore();
     let persistedState = {
-        Session: state.Session,
-        Budgets: [...state.Budgets],
+        Session: sessionStore,
 //        Accounts: [...state.Accounts],
         CurrentBudgetID: state.CurrentBudgetID,
         //CurrentAccountID: state.CurrentAccountID,