Added Notifications

resources/js/Pages/UserAchievements.vue

@@ -3,8 +3,8 @@ import { ref, computed } from "vue"
 import ProfileLayout from "@/Components/FlightsGoneBy/ProfileLayout.vue"
 import ProfileViewSwitcher from "@/Components/FlightsGoneBy/ProfileViewSwitcher.vue"
 import AchievementCard from "@/Components/FlightsGoneBy/AchievementCard.vue"
-import {Achievement, User, UserAchievement} from "@/Types/types"
-import { Head } from "@inertiajs/vue3";
+import {Achievement, SharedProps, User, UserAchievement} from "@/Types/types"
+import {Head, usePage} from "@inertiajs/vue3";
 import MainLayout from "@/Layouts/MainLayout.vue";
 import Panel from "@/Components/FlightsGoneBy/Panels/Panel.vue";
 import PanelHeader from "@/Components/FlightsGoneBy/Panels/PanelHeader.vue";
@@ -22,6 +22,8 @@ const props = defineProps<{
     unlockedByCategory: Record<string, number>
 }>()
 
+const page = usePage<SharedProps>().props
+
 const hideImpossible = ref(false)
 
 const filteredAchievements = computed(() => {
@@ -105,6 +107,7 @@ const filteredUnlockedCount = computed(() =>
                         :key="achievement.id"
                         :achievement="achievement"
                         :user-achievement="userAchievements[achievement.id]"
+                        :distance-unit="page.auth?.user?.distance_unit"
                     />
                 </div>
             </Panel>