From 90163b5db520f0306616b61152a0725cefee23cb Mon Sep 17 00:00:00 2001
From: Nicolas Froger <nicolas@kektus.xyz>
Date: Thu, 25 Jul 2024 12:51:23 +0200
Subject: [PATCH] frontend: delay fullpage init after post fetch

Signed-off-by: Nicolas Froger <nicolas@kektus.xyz>
---
 summer2024-frontend/src/stores/posts.js     |  6 ++----
 summer2024-frontend/src/views/PostsView.vue | 15 ++++++++++++++-
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/summer2024-frontend/src/stores/posts.js b/summer2024-frontend/src/stores/posts.js
index d43b5d9..3ddfd76 100644
--- a/summer2024-frontend/src/stores/posts.js
+++ b/summer2024-frontend/src/stores/posts.js
@@ -11,7 +11,7 @@ export const usePostsStore = defineStore('posts', () => {
   const posts = ref([])
 
   function fetchPosts() {
-    fetch(postsApiPath)
+    return fetch(postsApiPath)
       .then((response) => {
         return response.json()
       })
@@ -28,7 +28,5 @@ export const usePostsStore = defineStore('posts', () => {
       })
   }
 
-  fetchPosts()
-
-  return { posts }
+  return { posts, fetchPosts }
 })
diff --git a/summer2024-frontend/src/views/PostsView.vue b/summer2024-frontend/src/views/PostsView.vue
index 0d84ad5..1884533 100644
--- a/summer2024-frontend/src/views/PostsView.vue
+++ b/summer2024-frontend/src/views/PostsView.vue
@@ -1,7 +1,7 @@
 <script setup>
 import PostComponent from '@/components/PostComponent.vue'
 import { usePostsStore } from '@/stores/posts.js'
-import { ref } from 'vue'
+import { onMounted, ref } from 'vue'
 import WelcomeComponent from '@/components/WelcomeComponent.vue'
 
 const postsStore = usePostsStore()
@@ -18,6 +18,18 @@ const fullpageOptions = ref({
   credits: { enabled: false }
 })
 const menu = ref(null)
+let fullPageInit = false;
+
+onMounted(() => {
+  postsStore.fetchPosts().then(() => {
+    if (!fullPageInit) {
+      fullpage.value.init();
+      fullPageInit = true;
+    } else {
+      fullpage.value.build();
+    }
+  });
+})
 
 function onLeave(origin, destination, direction, trigger) {
   if (destination.anchor === 'welcome-section') {
@@ -55,6 +67,7 @@ function afterLoad(origin, destination, direction, trigger) {
     :options="fullpageOptions"
     @on-leave="onLeave"
     @after-load="afterLoad"
+    :skip-init="true"
   >
     <WelcomeComponent />
     <PostComponent class="section" v-for="post in postsStore.posts" :key="post.id" :post="post" />