diff --git a/src/app.vue b/src/app.vue
index 16bfe6e6..7b69a966 100644
--- a/src/app.vue
+++ b/src/app.vue
@@ -7,6 +7,10 @@
 </template>
 
 <script setup lang="ts">
+const globalStore = useGlobalStore();
+globalStore.fetchTrafficStats();
+globalStore.fetchChartType();
+globalStore.fetchRelease();
 useHead({
   bodyAttrs: {
     class: 'bg-gray-50 dark:bg-neutral-800',
diff --git a/src/pages/index.vue b/src/pages/index.vue
index f0a380b4..8d4a7818 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -50,10 +50,6 @@ const clientsStore = useClientsStore();
 
 const intervalId = ref<NodeJS.Timeout | null>(null);
 
-globalStore.fetchTrafficStats();
-globalStore.fetchChartType();
-globalStore.fetchRelease();
-
 onMounted(() => {
   // TODO?: replace with websocket or similar
   intervalId.value = setInterval(() => {