feat: Cookie -> Session

src/main.ts

-import './assets/main.css'
-
-import { createApp } from 'vue'
-import { createPinia } from 'pinia'
-import piniaPersist from 'pinia-plugin-persist';
-
-import App from './App.vue'
-import router from './router'
+import { createApp } from 'vue';
+import { createPinia } from 'pinia';
 
+import App from './App.vue';
+import router from './router';
 import 'bootstrap/dist/css/bootstrap.min.css';
 import 'bootstrap';
 
 const app = createApp(App);
 const pinia = createPinia();
-pinia.use(piniaPersist);
 
-app.use(pinia)
-app.use(router)
-app.mount('#app')
+app.use(pinia);
+app.use(router);
+app.mount('#app');

src/router/index.ts

@@ -203,7 +203,7 @@ const router = createRouter({
 router.beforeEach((to, from, next) => {
   const requiresAuth = to.matched.some(record => record.meta.requiresAuth);
   const requiresAdmin = to.matched.some(record => record.meta.requiresAdmin);
-  let user = useUserInfoStore();
+  const user= useUserInfoStore();
   const userRole = user.role;
   const isAuthenticated = user.isLoggedIn;
 

src/stores/ConfigurationStore.ts

@@ -3,7 +3,7 @@ export const useConfigurationStore = defineStore('ConfigurationStore', {
   state: () => ({
     commitment: '',
     experience: '',
-    challenges: []
+    challenges: [] as Array<string>,
   }),
   actions: {
     setCommitment(commitment: string) {
@@ -28,11 +28,9 @@ export const useConfigurationStore = defineStore('ConfigurationStore', {
     getExperience(): string {
       return this.experience
     },
-    getChallenges(): string {
+    getChallenges(): Array<string> {
       return this.challenges
     }
   },
-  persist: {
-    enabled: true,
-  }
+
 });

src/stores/UserStore.ts

@@ -2,7 +2,6 @@ import { OpenAPI } from '@/api';
 import Cookies from 'js-cookie';
 import { defineStore } from 'pinia';
 
-
 const cookiesStorage: Storage = {
   setItem(key, state) {
     return Cookies.set(key, state, { expires: 3 });
@@ -88,8 +87,4 @@ export const useUserInfoStore = defineStore('UserInfoStore', {
       return this.accessToken !== '';
     },
   },
-  persist: {
-    enabled: true,
-    strategies: [{ key: 'userInfo', storage: cookiesStorage }]
-  },
 });
\ No newline at end of file

tsconfig.json

@@ -12,6 +12,8 @@
     }
   ],
   "compilerOptions": {
-    "module": "NodeNext"
+    "module": "NodeNext",
+    "types" : ["pinia-plugin-persist"],
+    "typeRoots": ["./node_modules/@types", "./node_modules/pinia-plugin-persist/dist"]
   }
 }