Added Notifications

resources/js/Components/FlightsGoneBy/AlphabetTable.vue

@@ -3,6 +3,7 @@ import {Airport, Flight} from '@/Types/types'
 import BadgeTable from '@/Components/FlightsGoneBy/GenericBadgeTable.vue'
 import InlineBadge from '@/Components/FlightsGoneBy/InlineBadge.vue'
 import AirportToolTip from '@/Components/FlightsGoneBy/AirportToolTip.vue'
+import {computed} from "vue";
 
 type CodeType = 'iata' | 'icao'
 
@@ -50,8 +51,8 @@ function isHighlighted({ firstYear }: AirportEntry): boolean {
     return props.selectedYear !== null && firstYear === props.selectedYear
 }
 
-function toBBCode(): string {
-    return props.letters
+const bbCode = computed(() =>
+    props.letters
         .map(letter => {
             const entries = airportEntriesForLetter(letter)
             if (!entries.length) return letter
@@ -64,9 +65,9 @@ function toBBCode(): string {
                 .join(', ')
         })
         .join('\n')
-}
+)
 
-defineExpose({ toBBCode })
+defineExpose({ bbCode })
 </script>
 
 <template>