Всем привет, подскажите пожалуйста, кто работает(работал) с pinia у

Question

Всем привет, подскажите пожалуйста, кто работает(работал) с pinia у

меня не записываются данные почему то, в чем может быть проблема?
Мне нужно как то глобально записать данные токена и жизненного цикла
Использую vue 3 typescript

import { defineStore } from "pinia";
import { decodeToken } from "@/common/jwtHelper";
import { setToken, getToken, removeToken } from "@/utils/cookie";
import apiFunc from "@/api";
import axios from "@/utils/axios";
import type { Token } from "@/stores/types";

const api = apiFunc(axios);

const state = {
accessToken: "",
refreshToken: "",
expiresIn: 0,
isAuthenticated: false,
data: {
username: "",
role: ""
}
}
const accessToken = getToken();
if (accessToken) {
state.accessToken = accessToken.access;
state.refreshToken = accessToken.refresh;
state.expiresIn = accessToken.expires

state.isAuthenticated = true;
}

export const useUserStore = defineStore("user", {
state: () => (state),
actions: {
async login(username: string, password: string) {
try {
const response = await api.auth.login({ username, password })
const data = response.data

const token: Token = await decodeToken(data.access)

this.accessToken = data.access
this.refreshToken = data.refresh
this.expiresIn = token.exp

setToken(this.accessToken, this.refreshToken, this.expiresIn);

const userData = await this.userInfo();

this.isAuthenticated = true;

return userData;
} catch (e) {
console.log(e);
}
},
async userInfo() {
try {
const response = await api.auth.whoIAm();
const userData = response.data.UserInfo;

this.data.username = userData.username;
this.data.role = userData.roles.join(", ");

return response.data.UserInfo;
} catch (error) {
console.error("Ошибка при получении данных пользователя:", error);
throw error;
}
},
logout() {
this.clearUserData();
},
clearUserData() {
this.accessToken = "";
this.refreshToken = "";
this.expiresIn = 0;
this.isAuthenticated = false;

removeToken();
},
async refresh_token() {
try {
const response = await api.auth.refreshTokenApi();
const data = response.data;
const token: Token = await decodeToken(data.access)

setToken(data.access, data.refresh, token.exp);

this.accessToken = data.access;
this.refreshToken = data.refresh;
this.expiresIn = token.exp;
} catch (e) {
console.error(e);
throw e;
}
}
},
getters: {
getAccessToken: (state) => state.accessToken,
getRefreshToken: (state) => state.refreshToken,
getExpiresIn: (state) => state.expiresIn,
getDataUsername: (state) => state.data.username,
getDataRole: (state) => state.data.role
}
});