Pagination prepsano do inteligentnejsi composable

src/pages/public/aircraft/AircraftDetailPage.vue

@@ -24,7 +24,7 @@ import {useFlightsStore} from "stores/Flights";
 import FlightsListSkeleton from "components/flights/skeletons/FlightsListSkeleton.vue";
 import BasicInfoBanner from "components/banners/BasicInfoBanner.vue";
 import PhotoGallerySkeleton from "components/photos/skeletons/PhotoGallerySkeleton.vue";
-import {filters, loadPage, paginationLimit} from "src/composables/pagination";
+import {usePagination} from "src/composables/pagination";
 
 const $q = useQuasar();
 const $router = useRouter();
@@ -48,6 +48,7 @@ useAppStore().setBreadcrumbs([
   {label: aircraft.value.callSign}
 ]);
 
+const {filters, loadPage, paginationLimit} = usePagination();
 
 filters.value = {aircraftId: aircraft.value.id};
 const loadNextFlightsPage = (appendItems) => loadPage({

src/pages/public/pilotProfile/CopilotDetailPage.vue

@@ -3,7 +3,10 @@ import {useCopilotsStore} from "stores/Copilots";
 
 export default {
   preFetch({currentRoute}) {
-    return useCopilotsStore().fetchPublicDetail({urlSlug: currentRoute.params.copilotSlug, username: currentRoute.params.username});
+    return useCopilotsStore().fetchPublicDetail({
+      urlSlug: currentRoute.params.copilotSlug,
+      username: currentRoute.params.username
+    });
   }
 }
 </script>
@@ -20,8 +23,8 @@ import PhotoGallery from "components/photos/PhotoGallery.vue";
 import {useMeta} from "quasar";
 import {metaData} from "src/composables/meta";
 import PhotoGallerySkeleton from "components/photos/skeletons/PhotoGallerySkeleton.vue";
-import {filters, loadPage, paginationLimit} from "src/composables/pagination";
 import BasicInfoBanner from "components/banners/BasicInfoBanner.vue";
+import {usePagination} from "src/composables/pagination";
 
 const props = defineProps({
   pilot: {
@@ -48,7 +51,7 @@ useMeta(() => metaData({
   image: copilot.value.titleImage?.url
 }));
 
-
+const {filters, loadPage, paginationLimit} = usePagination();
 filters.value = {copilotId: copilot.value.id};
 const loadNextFlightsPage = (appendItems) => loadPage({
   fetchFunc: useFlightsStore().fetchPublic, appendItems

src/pages/public/pilotProfile/EventDetailPage.vue

@@ -13,7 +13,7 @@ import {useAppStore} from "stores/App";
 import EventDetailSkeleton from "components/event/skeletons/EventDetailSkeleton.vue";
 import FlightsList from "components/flights/FlightsList.vue";
 import {storeToRefs} from "pinia";
-import {filters, loadPage, paginationLimit} from "src/composables/pagination";
+import {usePagination} from "src/composables/pagination";
 import {useFlightsStore} from "stores/Flights";
 import FlightsListSkeleton from "components/flights/skeletons/FlightsListSkeleton.vue";
 import {useMeta} from "quasar";
@@ -42,6 +42,7 @@ useMeta(() => metaData({
   description: event.value.description
 }))
 
+const {filters, loadPage, paginationLimit} = usePagination();
 filters.value = {username: props.pilot.publicUsername, eventId: event.value.id};
 const loadNextFlightsPage = (appendItems) => loadPage({
   fetchFunc: useFlightsStore().fetchPublic, appendItems

src/pages/public/pilotProfile/FlightsListPage.vue

@@ -7,7 +7,7 @@ import {useFlightsStore} from "stores/Flights";
 import {storeToRefs} from "pinia";
 import {commonKeywords, metaData} from "src/composables/meta";
 import {useMeta} from "quasar";
-import {filters, loadPage, paginationLimit} from "src/composables/pagination";
+import {usePagination} from "src/composables/pagination";
 
 const props = defineProps({
   pilot: {
@@ -29,6 +29,7 @@ useAppStore().setBreadcrumbs([
   {label: `@${props.pilot.publicUsername}`},
 ])
 
+const {filters, loadPage, paginationLimit} = usePagination();
 filters.value = {username: props.pilot.publicUsername};
 const loadNextFlightsPage = (appendItems) => loadPage({
   fetchFunc: useFlightsStore().fetchPublic,

src/pages/public/poi/PointOfInterestDetailPage.vue

@@ -23,7 +23,7 @@ import FlightsListSkeleton from "components/flights/skeletons/FlightsListSkeleto
 import BasicInfoBanner from "components/banners/BasicInfoBanner.vue";
 import {onMounted} from "vue";
 import PhotoGallerySkeleton from "components/photos/skeletons/PhotoGallerySkeleton.vue";
-import {filters, loadPage, paginationLimit} from "src/composables/pagination";
+import {usePagination} from "src/composables/pagination";
 
 const {pointOfInterest, isQueryRunning} = storeToRefs(usePointsOfInterestStore());
 const {photos, isQueryRunning: arePhotosLoading} = storeToRefs(usePhotosStore());
@@ -41,6 +41,7 @@ useAppStore().setBreadcrumbs([
   {label: pointOfInterest.value.name}
 ]);
 
+const {filters, loadPage, paginationLimit} = usePagination();
 filters.value = {pointOfInterestId: pointOfInterest.value.id};
 const loadNextFlightsPage = (appendItems) => loadPage({
   fetchFunc: useFlightsStore().fetchPublic,

src/pages/public/poi/PointsOfInterestPage.vue

@@ -6,7 +6,7 @@ import POIList from "components/poi/POIList.vue";
 import {useAppStore} from "stores/App";
 import {useMeta} from "quasar";
 import {metaData} from "src/composables/meta";
-import {filters, loadPage, paginationLimit, paginationOffset} from "src/composables/pagination";
+import {usePagination} from "src/composables/pagination";
 import ListFilters from "components/ListFilters.vue";
 
 useAppStore().setPageTitle("Místa");
@@ -18,6 +18,7 @@ useMeta(() => metaData({
   title: "Místa"
 }))
 
+const {filters, loadPage, paginationOffset, paginationLimit} = usePagination();
 const loadNextPage = (appendItems) => loadPage({
   fetchFunc: usePointsOfInterestStore().fetchPublic, appendItems
 });