diff --git a/webclient-vue/src/features/areas/pages/AreaFavoritesPage.vue b/webclient-vue/src/features/areas/pages/AreaFavoritesPage.vue
index 9c27bae..c81f963 100644
--- a/webclient-vue/src/features/areas/pages/AreaFavoritesPage.vue
+++ b/webclient-vue/src/features/areas/pages/AreaFavoritesPage.vue
@@ -67,7 +67,7 @@
 </template>
 
 <script setup>
-import { computed } from "vue";
+import { computed, onMounted } from "vue";
 import { useRouter } from "vue-router";
 import { useAreasStore } from "../../../stores/areas";
 import { useFavoritesStore } from "../../../stores/favorites";
@@ -94,6 +94,12 @@
 function goToDetail(area) {
   router.push({ name: "area-detail", params: { id: String(area.id) } });
 }
+
+onMounted(() => {
+  if (areasStore.areas.length === 0) {
+    areasStore.loadAreas();
+  }
+});
 </script>
 
 <style scoped>