create-vite-app-cli/template-vue-ts/src/core/store/user.ts

a fast create webapp template cli, perfect engineering development experience, currently supported template presets include: - `react-ts` (React + TypeScript + Vite + Pnpm + Zustand + Openapi + Docker) - `vue-ts` (Vue 3 + TypeScript + Vite + Pnpm + Pinia

import { defineStore } from "pinia";
import { ref } from "vue";

export interface IUserInfo {
  accessToken: string;
  name?: string;
  uid?: string;
  refreshToken?: string;
  expireAt?: string;
  expires_in?: number;
}

export const userInfoStorageKey = "userInfo-storage";

export const useUserInfoStore = defineStore(
  userInfoStorageKey,
  () => {
    const userInfo = ref<IUserInfo | null>(null);

    function updateUserInfo(newState: IUserInfo) {
      userInfo.value = Object.assign(userInfo.value || {}, newState);
    }

    return {
      userInfo,
      updateUserInfo,
    };
  },
  { persist: true },
);

export const defaultUserInfo = {
  accessToken: "123456",
  name: "张三",
  uid: "1",
  refreshToken: "456789",
  expireAt: "2023-12-30",
  expires_in: 1703865600,
};