Cookies v SSR

src/layouts/PublicLayout.vue

@@ -25,17 +25,24 @@
 
     <q-page-container>
       <BreadcrumbsNavigation :items="breadcrumbs" v-if="breadcrumbs !== null"/>
-      <BreadcrumbsSkeleton v-if="breadcrumbs === null" />
+      <BreadcrumbsSkeleton v-if="breadcrumbs === null"/>
 
       <router-view class="q-my-lg q-mx-lg"/>
     </q-page-container>
   </q-layout>
 </template>
 
+<script>
+import {useUserStore} from "stores/User";
+
+export default {
+  preFetch() {
+    return useUserStore().fetchLoggedUserDetail({refresh: true});
+  }
+}
+</script>
 <script setup>
 import {storeToRefs} from "pinia";
-import {useUserStore} from "stores/User";
-import {onMounted} from "vue";
 import {useAppStore} from "stores/App";
 import BreadcrumbsNavigation from "components/navigation/BreadcrumbsNavigation.vue";
 import AvatarFromPhoto from "components/avatars/AvatarFromPhoto.vue";
@@ -43,14 +50,4 @@ import BreadcrumbsSkeleton from "components/navigation/BreadcrumbsSkeleton.vue";
 
 const {pageTitle, breadcrumbs} = storeToRefs(useAppStore());
 const loggedUser = storeToRefs(useUserStore()).user;
-
-onMounted(() => {
-  useUserStore().fetchLoggedUserDetail({refresh: false});
-
-  if (loggedUser || useUserStore().hasAccessToken()) {
-    // poll once per 5 minutes to keep access token active
-    setInterval(() => useUserStore().fetchLoggedUserDetail({refresh: false}), 5 * 60 * 1000);
-  }
-})
-
 </script>