Breadcrumbs resit pres funkce

src/pages/public/pilotProfile/FlightsListPage.vue

@@ -8,6 +8,8 @@ import {storeToRefs} from "pinia";
 import {commonKeywords, metaData} from "src/composables/meta";
 import {useMeta} from "quasar";
 import {usePagination} from "src/composables/pagination";
+import {publicProfileBreadcrumbs} from "src/composables/breadcrumbs";
+import {onMounted} from "vue";
 
 const props = defineProps({
   pilot: {
@@ -24,18 +26,13 @@ useMeta(() => metaData({
 }));
 
 useAppStore().setPageTitle(props.pilot.publicUsername);
-useAppStore().setBreadcrumbs([
-  {to: {name: 'homepage'}, label: "Polétání.cz"},
-  {label: `@${props.pilot.publicUsername}`},
-])
+useAppStore().setBreadcrumbs(publicProfileBreadcrumbs(props.pilot, false))
 
-const {filters, loadPage, paginationLimit} = usePagination();
+const {filters, loadPage, paginationLimit} = usePagination({fetchFunction: useFlightsStore().fetchPublic});
 filters.value = {username: props.pilot.publicUsername};
-const loadNextFlightsPage = (appendItems) => loadPage({
-  fetchFunc: useFlightsStore().fetchPublic,
-  appendItems
+onMounted(() => {
+  loadPage(false);
 });
-loadNextFlightsPage(false);
 
 const {flights, totalItemsCount, isQueryRunning: areFlightsLoading} = storeToRefs(useFlightsStore());
 </script>
@@ -56,6 +53,6 @@ const {flights, totalItemsCount, isQueryRunning: areFlightsLoading} = storeToRef
     :is-query-running="areFlightsLoading"
     :items-per-page="paginationLimit"
     :public="true"
-    @load-more="loadNextFlightsPage(true)"
+    @load-more="loadPage(true)"
   />
 </template>