45 lines
867 B
TypeScript
45 lines
867 B
TypeScript
|
import { computed, inject, reactive } from 'vue';
|
||
|
|
import type { ComputedRef, App, InjectionKey } from 'vue';
|
||
|
|
|
||
|
|
interface UserInfo {
|
||
|
|
userId: string;
|
||
|
|
userName: string;
|
||
|
|
userPhone: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
interface AuthState {
|
||
|
|
token: string;
|
||
|
|
userInfo: UserInfo;
|
||
|
|
}
|
||
|
|
|
||
|
|
interface AuthStore {
|
||
|
|
/** auth状态 */
|
||
|
|
authState: AuthState;
|
||
|
|
/** 是否登录 */
|
||
|
|
isLogin: ComputedRef<boolean>;
|
||
|
|
}
|
||
|
|
|
||
|
|
const injectKey: InjectionKey<AuthStore> = Symbol('auth-store');
|
||
|
|
|
||
|
|
export function createAuthStore(app: App) {
|
||
|
|
const state = reactive<AuthState>({
|
||
|
|
token: '',
|
||
|
|
userInfo: {
|
||
|
|
userId: '',
|
||
|
|
userName: '',
|
||
|
|
userPhone: ''
|
||
|
|
}
|
||
|
|
});
|
||
|
|
const isLogin = computed(() => Boolean(state.token));
|
||
|
|
|
||
|
|
const provideData: AuthStore = {
|
||
|
|
authState: state,
|
||
|
|
isLogin
|
||
|
|
};
|
||
|
|
app.provide(injectKey, provideData);
|
||
|
|
}
|
||
|
|
|
||
|
|
export function useAuthStore() {
|
||
|
|
return inject(injectKey)!;
|
||
|
|
}
|