feat:#4 added persistent storage option

frontend/src/main.ts

@@ -56,12 +56,15 @@ import Calendar from "primevue/calendar";
 import i18n from "./i18n";
 import { VueQueryPlugin } from "@tanstack/vue-query";
 import { polyfillCountryFlagEmojis } from "country-flag-emoji-polyfill";
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
 
 polyfillCountryFlagEmojis();
 
 const app = createApp(App);
 const pinia = createPinia();
 
+pinia.use(piniaPluginPersistedstate)
+
 app.use(VueQueryPlugin, {
   queryClientConfig: {
     defaultOptions: {

frontend/src/store/tokenStore.ts

@@ -20,6 +20,7 @@ const tokenStore = defineStore("tokenStore", {
   state: () => ({
     token: "",
   }),
+  persist: true,
   actions: {
     setToken(token: string) {
       this.token = token;

frontend/src/view/UserCalendar.vue

@@ -3,7 +3,7 @@
 import CalendarViewer from "@/components/CalendarViewer.vue";
 import DynamicPage from "@/view/DynamicPage.vue";
 import { useI18n } from "vue-i18n";
-import { ref } from "vue";
+import { onMounted, ref } from "vue";
 import { extractToken } from "@/helpers/token.ts";
 import { useToast } from "primevue/usetoast";
 import moduleStore from "@/store/moduleStore.ts";
@@ -41,6 +41,11 @@ function loadCalendar() {
   tokenStore().setToken(token.value);
 }
 
+onMounted(() => {
+  if (token.value && token.value !== "") {
+    loadCalendar();
+  }
+});
 
 </script>