Persist Auth store

userfrosting · Sep 17, 2023 · 57458db · 57458db
1 parent 1aea12f
commit 57458db
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 0 deletions.
diff --git a/app/assets/main.js b/app/assets/main.js
@@ -1,11 +1,15 @@
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
 import App from '@/App.vue'
 import router from '@/router'
 
 const pinia = createPinia()
 const app = createApp(App)
 
+// Pinia plugin to persist state in localStorage
+pinia.use(piniaPluginPersistedstate)
+
 app.use(router)
 app.use(pinia)
 app.mount('#app')
diff --git a/app/assets/stores/auth.js b/app/assets/stores/auth.js
@@ -3,6 +3,7 @@ import { defineStore } from "pinia";
 import axios from "axios";
 
 export const useAuthStore = defineStore("auth", {
+    persist: true,
     state: () => {
         return {
             loading: false,

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -3,6 +3,7 @@
         "@fontsource/montserrat": "^5.0.8",
         "axios": "^1.5.0",
         "pinia": "^2.1.6",
+        "pinia-plugin-persistedstate": "^3.2.0",
         "uikit": "^3.16.26",
         "vue": "^3.3.4",
         "vue-router": "^4.2.4"