Added Notifications

resources/js/Pages/UserProfile.vue

@@ -10,6 +10,7 @@ import ProfileLayout from "@/Components/FlightsGoneBy/ProfileLayout.vue"
 import DepartureBoard from "@/Components/FlightsGoneBy/DepartureBoard.vue"
 import BoardingPasses from "@/Components/FlightsGoneBy/BoardingPasses.vue";
 import FlightMapAndCharts from "@/Components/FlightsGoneBy/FlightMapAndCharts.vue";
+import {useFlights} from "@/Composables/useFlights";
 
 defineOptions({ layout: MainLayout })
 
@@ -23,19 +24,7 @@ const props = defineProps<{
 }>()
 
 // ── Flights state ─────────────────────────────────────────────────────────────
-const flights = ref<Flight[]>([])
-const flightsLoading = ref(true)
-
-onMounted(async () => {
-    try {
-        const response = await axios.get(props.flight_api_url)
-
-        flights.value = response.data
-    } finally {
-        flightsLoading.value = false
-    }
-})
-
+const { flights, flightsLoading } = useFlights(props.flight_api_url)
 const localSelectedFlightId = ref(props.selectedFlightId ?? null)
 
 // ── Filter state ──────────────────────────────────────────────────────────────
@@ -90,7 +79,6 @@ const filteredFlights = computed(() => {
 const stats = useFlightStats(filteredFlights)
 
 watchEffect(() => {
-    console.time('all.charts.input')
     const _ = [
         stats.perYear.value,
         stats.perMonth.value,
@@ -99,7 +87,6 @@ watchEffect(() => {
         stats.topAirports.value,
         stats.countries.value,
     ]
-    console.timeEnd('all.charts.input')
 })
 
 // ── View switching ────────────────────────────────────────────────────────────