diff --git a/apps/app-frontend/src/components/GridDisplay.vue b/apps/app-frontend/src/components/GridDisplay.vue index c0e7fe7f1..0019c78cf 100644 --- a/apps/app-frontend/src/components/GridDisplay.vue +++ b/apps/app-frontend/src/components/GridDisplay.vue @@ -10,8 +10,13 @@ import { TrashIcon, XIcon, } from '@modrinth/assets' -import { Button, DropdownSelect, injectNotificationManager } from '@modrinth/ui' -import { formatCategoryHeader } from '@modrinth/utils' +import { + Button, + DropdownSelect, + formatLoader, + injectNotificationManager, + useVIntl, +} from '@modrinth/ui' import { useStorage } from '@vueuse/core' import dayjs from 'dayjs' import { computed, ref } from 'vue' @@ -23,6 +28,8 @@ import { duplicate, remove } from '@/helpers/profile.js' const { handleError } = injectNotificationManager() +const { formatMessage } = useVIntl() + const props = defineProps({ instances: { type: Array, @@ -175,7 +182,7 @@ const filteredResults = computed(() => { if (group === 'Loader') { instances.forEach((instance) => { - const loader = formatCategoryHeader(instance.loader) + const loader = formatLoader(formatMessage, instance.loader) if (!instanceMap.has(loader)) { instanceMap.set(loader, []) } diff --git a/apps/frontend/src/components/ui/charts/ChartDisplay.vue b/apps/frontend/src/components/ui/charts/ChartDisplay.vue index 24676e213..2d4f7d58f 100644 --- a/apps/frontend/src/components/ui/charts/ChartDisplay.vue +++ b/apps/frontend/src/components/ui/charts/ChartDisplay.vue @@ -74,7 +74,7 @@

- {{ formatCategoryHeader(selectedChart) }} + {{ capitalizeString(selectedChart) }} {{ formattedCategorySubtitle }} @@ -311,7 +311,7 @@