import { reactive, watch } from "vue";

export const userInfo = reactive(JSON.parse(localStorage.getItem("userInfo")) || {
    name: "张三",
    username: "zhangsan"
});
watch(userInfo, (newVal) => {
    localStorage.setItem("userInfo", JSON.stringify(newVal));
}, { deep: true, immediate: true})

export const authToken = reactive(JSON.parse(localStorage.getItem("authToken")) ||{
    access: null,
    refresh: null
})
watch(authToken, (newVal) => {
    localStorage.setItem("authToken", JSON.stringify(newVal));
}, { deep: true, immediate: true})