site_8g/src/stores/useUserInfoStore.ts

import { userInfoApi } from "@/api/login";
import { create } from "zustand";
import { createJSONStorage, devtools, persist } from "zustand/middleware";

interface State {
    userInfo: any;
}

interface Action {
    setUserInfo: (lang: State["userInfo"]) => void;
    reset: () => void;
    getUserInfo: () => void;
}
const initialState: State = {
    userInfo: "",
};
export const useUserInfoStore = create<State & Action>()(
    devtools(
        persist(
            (set) => {
                return {
                    ...initialState,
                    setUserInfo: (userInfo: State["userInfo"]) =>
                        set({
                            userInfo,
                        }),
                    reset: () => {
                        set(initialState);
                    },
                    async getUserInfo() {
                        const res = await userInfoApi();
                        if (res?.data) {
                            set({ userInfo: res?.data });
                        }
                    },
                };
            },
            {
                name: "globalStore",
                storage: createJSONStorage(() => localStorage),
            }
        ),
        { name: "globalStore" }
    )
);