From 56c8bb1950c5d3b0b08319e9df299ec13d4ceea1 Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Mon, 2 Feb 2026 10:20:23 -0800
Subject: [PATCH] Remove legacy formatCategory (#5280)

* Remove legacy formatCategory

* prepr
---
 .../IncompatibilityWarningModal.vue           | 10 ++--
 .../ui/servers/ContentVersionFilter.vue       |  9 ++-
 .../frontend/src/pages/admin/billing/[id].vue |  4 +-
 packages/ui/src/locales/en-US/index.json      |  3 +
 packages/ui/src/utils/common-messages.ts      |  2 +-
 packages/utils/utils.ts                       | 56 -------------------
 6 files changed, 18 insertions(+), 66 deletions(-)

diff --git a/apps/app-frontend/src/components/ui/install_flow/IncompatibilityWarningModal.vue b/apps/app-frontend/src/components/ui/install_flow/IncompatibilityWarningModal.vue
index c77f44696..7e8c6f745 100644
--- a/apps/app-frontend/src/components/ui/install_flow/IncompatibilityWarningModal.vue
+++ b/apps/app-frontend/src/components/ui/install_flow/IncompatibilityWarningModal.vue
@@ -28,7 +28,7 @@
 								:custom-label="
 									(version) =>
 										`${version?.name} (${version?.loaders
-											.map((name) => formatCategory(name))
+											.map((name) => formatLoader(formatMessage, name))
 											.join(', ')} - ${version?.game_versions.join(', ')})`
 								"
 								:max-height="150"
@@ -36,7 +36,9 @@
 							<span v-else>
 								<span>
 									{{ selectedVersion?.name }} ({{
-										selectedVersion?.loaders.map((name) => formatCategory(name)).join(', ')
+										selectedVersion?.loaders
+											.map((name) => formatLoader(formatMessage, name))
+											.join(', ')
 									}}
 									- {{ selectedVersion?.game_versions.join(', ') }})
 								</span>
@@ -57,8 +59,7 @@
 
 <script setup>
 import { DownloadIcon, XIcon } from '@modrinth/assets'
-import { Button, injectNotificationManager } from '@modrinth/ui'
-import { formatCategory } from '@modrinth/utils'
+import { Button, formatLoader, injectNotificationManager, useVIntl } from '@modrinth/ui'
 import { ref } from 'vue'
 import Multiselect from 'vue-multiselect'
 
@@ -67,6 +68,7 @@ import { trackEvent } from '@/helpers/analytics'
 import { add_project_from_version as installMod } from '@/helpers/profile'
 
 const { handleError } = injectNotificationManager()
+const { formatMessage } = useVIntl()
 
 const instance = ref(null)
 const project = ref(null)
diff --git a/apps/frontend/src/components/ui/servers/ContentVersionFilter.vue b/apps/frontend/src/components/ui/servers/ContentVersionFilter.vue
index 4e2a503a1..f59b4549d 100644
--- a/apps/frontend/src/components/ui/servers/ContentVersionFilter.vue
+++ b/apps/frontend/src/components/ui/servers/ContentVersionFilter.vue
@@ -19,7 +19,7 @@
 				Platform
 			</slot>
 			<template #option="{ option }">
-				{{ formatCategory(option) }}
+				{{ formatLoader(formatMessage, String(option)) }}
 			</template>
 			<template v-if="hasAnyUnsupportedPlatforms" #footer>
 				<Checkbox
@@ -58,12 +58,15 @@
 
 <script setup lang="ts">
 import { FilterIcon } from '@modrinth/assets'
+import { formatLoader, useVIntl } from '@modrinth/ui'
 import Checkbox from '@modrinth/ui/src/components/base/Checkbox.vue'
 import ManySelect from '@modrinth/ui/src/components/base/ManySelect.vue'
-import { formatCategory, type GameVersionTag, type Version } from '@modrinth/utils'
+import type { GameVersionTag, Version } from '@modrinth/utils'
 import { computed, ref } from 'vue'
 import { useRoute } from 'vue-router'
 
+const { formatMessage } = useVIntl()
+
 export type ListedGameVersion = {
 	name: string
 	release: boolean
@@ -119,7 +122,7 @@ const hasOnlyUnsupportedPlatforms = computed(() => {
 
 const showSupportedPlatformsOnly = ref(true)
 
-const filterOptions = computed(() => {
+const filterOptions = computed<Record<'gameVersion' | 'platform', string[]>>(() => {
 	const filters: Record<'gameVersion' | 'platform', string[]> = {
 		gameVersion: [],
 		platform: [],
diff --git a/apps/frontend/src/pages/admin/billing/[id].vue b/apps/frontend/src/pages/admin/billing/[id].vue
index dbe0fd903..27a45b224 100644
--- a/apps/frontend/src/pages/admin/billing/[id].vue
+++ b/apps/frontend/src/pages/admin/billing/[id].vue
@@ -168,7 +168,7 @@
 							<template v-else> Unknown product </template>
 						</span>
 						<div class="mb-4 mt-2 flex w-full items-center gap-1 text-sm text-secondary">
-							{{ formatCategory(subscription.interval) }} ⋅ {{ subscription.status }} ⋅
+							{{ capitalizeString(subscription.interval) }} ⋅ {{ subscription.status }} ⋅
 							{{ dayjs(subscription.created).format('MMMM D, YYYY [at] h:mma') }} ({{
 								formatRelativeTime(subscription.created)
 							}})
@@ -334,7 +334,7 @@ import {
 	useRelativeTime,
 	useVIntl,
 } from '@modrinth/ui'
-import { formatCategory, formatPrice } from '@modrinth/utils'
+import { capitalizeString, formatPrice } from '@modrinth/utils'
 import { DEFAULT_CREDIT_EMAIL_MESSAGE } from '@modrinth/utils/utils.ts'
 import dayjs from 'dayjs'
 
diff --git a/packages/ui/src/locales/en-US/index.json b/packages/ui/src/locales/en-US/index.json
index b5547bc4e..023dd3e02 100644
--- a/packages/ui/src/locales/en-US/index.json
+++ b/packages/ui/src/locales/en-US/index.json
@@ -677,6 +677,9 @@
   "project-type.plugin.lowercase": {
     "defaultMessage": "{count, plural, one {plugin} other {plugins}}"
   },
+  "project-type.project.capital": {
+    "defaultMessage": "{count, plural, one {Project} other {Projects}}"
+  },
   "project-type.project.category": {
     "defaultMessage": "Projects"
   },
diff --git a/packages/ui/src/utils/common-messages.ts b/packages/ui/src/utils/common-messages.ts
index 46460b04a..4215ff439 100644
--- a/packages/ui/src/utils/common-messages.ts
+++ b/packages/ui/src/utils/common-messages.ts
@@ -557,7 +557,7 @@ export const commonProjectTypeTitleMessages = defineMessages({
 		defaultMessage: '{count, plural, one {Server} other {Servers}}',
 	},
 	project: {
-		id: 'project-type.project.lowercase',
+		id: 'project-type.project.capital',
 		defaultMessage: '{count, plural, one {Project} other {Projects}}',
 	},
 })
diff --git a/packages/utils/utils.ts b/packages/utils/utils.ts
index f0ec9cc0f..63b542f41 100644
--- a/packages/utils/utils.ts
+++ b/packages/utils/utils.ts
@@ -162,62 +162,6 @@ export const formatProjectType = (name, short = false) => {
 	return capitalizeString(name)
 }
 
-/**
- * @deprecated Use tag-messages.ts' `formatTag(tag)` instead.
- */
-export const formatCategory = (name) => {
-	if (name === 'modloader') {
-		return "Risugami's ModLoader"
-	} else if (name === 'bungeecord') {
-		return 'BungeeCord'
-	} else if (name === 'liteloader') {
-		return 'LiteLoader'
-	} else if (name === 'neoforge') {
-		return 'NeoForge'
-	} else if (name === 'game-mechanics') {
-		return 'Game Mechanics'
-	} else if (name === 'worldgen') {
-		return 'World Generation'
-	} else if (name === 'core-shaders') {
-		return 'Core Shaders'
-	} else if (name === 'gui') {
-		return 'GUI'
-	} else if (name === '8x-') {
-		return '8x or lower'
-	} else if (name === '512x+') {
-		return '512x or higher'
-	} else if (name === 'kitchen-sink') {
-		return 'Kitchen Sink'
-	} else if (name === 'path-tracing') {
-		return 'Path Tracing'
-	} else if (name === 'pbr') {
-		return 'PBR'
-	} else if (name === 'datapack') {
-		return 'Data Pack'
-	} else if (name === 'colored-lighting') {
-		return 'Colored Lighting'
-	} else if (name === 'optifine') {
-		return 'OptiFine'
-	} else if (name === 'bta-babric') {
-		return 'BTA (Babric)'
-	} else if (name === 'legacy-fabric') {
-		return 'Legacy Fabric'
-	} else if (name === 'java-agent') {
-		return 'Java Agent'
-	} else if (name === 'nilloader') {
-		return 'NilLoader'
-	} else if (name === 'mrpack') {
-		return 'Modpack'
-	} else if (name === 'minecraft') {
-		return 'Resource Pack'
-	} else if (name === 'vanilla') {
-		return 'Vanilla Shader'
-	} else if (name === 'geyser') {
-		return 'Geyser Extension'
-	}
-	return capitalizeString(name)
-}
-
 export const formatCategoryHeader = (name) => {
 	return capitalizeString(name)
 }