Remove legacy formatCategory (#5280)

* Remove legacy formatCategory

* prepr

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: [],

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'