Added Notifications

resources/js/Components/FlightsGoneBy/AirlineAlphabetTable.vue

@@ -4,6 +4,7 @@ import type { CodeType } from '@/Composables/useAlphabetAirlines'
 import BadgeTable from '@/Components/FlightsGoneBy/GenericBadgeTable.vue'
 import InlineBadge from '@/Components/FlightsGoneBy/InlineBadge.vue'
 import AirlineLogo from "@/Components/FlightsGoneBy/AirlineLogo.vue";
+import {computed} from "vue";
 
 const props = defineProps<{
     letters: string[]
@@ -50,8 +51,8 @@ function isHighlighted({ firstYear }: AirlineEntry): boolean {
     return props.selectedYear !== null && firstYear === props.selectedYear
 }
 
-function toBBCode(): string {
-    return props.letters
+const bbCode = computed(() =>
+    props.letters
         .map(letter => {
             const entries = airlineEntriesForLetter(letter)
             if (!entries.length) return letter
@@ -65,9 +66,9 @@ function toBBCode(): string {
                 .join(', ')
         })
         .join('\n')
-}
+)
 
-defineExpose({ toBBCode })
+defineExpose({ bbCode })
 </script>
 
 <template>