From c60851f80bd925c4d4010d2553f2d7daed3ad5e0 Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Wed, 24 Dec 2025 14:05:23 -0800
Subject: [PATCH 01/10] sample languages refactor

---
 apps/app-frontend/package.json                |    3 +-
 apps/app-frontend/src/App.vue                 |    2 +-
 .../src/components/ui/IntlFormatted.vue       |   70 +
 .../src/components/ui/UpdateToast.vue         |    2 +-
 .../src/components/ui/friends/FriendsList.vue |    4 +-
 .../components/ui/friends/FriendsSection.vue  |    2 +-
 .../ui/instance_settings/GeneralSettings.vue  |    2 +-
 .../ui/instance_settings/HooksSettings.vue    |    2 +-
 .../InstallationSettings.vue                  |    2 +-
 .../ui/instance_settings/JavaSettings.vue     |    2 +-
 .../ui/instance_settings/WindowSettings.vue   |    2 +-
 .../components/ui/modal/AppSettingsModal.vue  |    2 +-
 .../ui/modal/InstanceSettingsModal.vue        |    2 +-
 .../src/components/ui/world/InstanceItem.vue  |    2 +-
 .../src/components/ui/world/WorldItem.vue     |    4 +-
 .../ui/world/modal/AddServerModal.vue         |    2 +-
 .../ui/world/modal/EditServerModal.vue        |    2 +-
 .../modal/EditSingleplayerWorldModal.vue      |    2 +-
 .../ui/world/modal/HideFromHomeOption.vue     |    3 +-
 .../ui/world/modal/ServerModalBody.vue        |    2 +-
 apps/app-frontend/src/i18n.ts                 |   37 +
 apps/app-frontend/src/main.js                 |   21 +-
 apps/app-frontend/src/pages/Browse.vue        |    2 +-
 apps/app-frontend/src/pages/instance/Mods.vue |    2 +-
 .../src/pages/instance/Worlds.vue             |    2 +-
 apps/app-frontend/src/utils/i18n-vintl.ts     |   53 +
 apps/frontend/nuxt.config.ts                  |  246 +--
 apps/frontend/package.json                    |    6 +-
 .../src/components/ui/IntlFormatted.vue       |   69 +
 .../src/components/ui/ProjectMemberHeader.vue |    2 +-
 .../ui/create/CollectionCreateModal.vue       |    3 +-
 .../components/ui/create/CreateLimitAlert.vue |    3 +-
 .../ui/create/OrganizationCreateModal.vue     |    3 +-
 .../ui/create/ProjectCreateModal.vue          |    3 +-
 .../ui/dashboard/CreatorTaxFormModal.vue      |    4 +-
 .../ui/dashboard/CreatorWithdrawModal.vue     |    2 +-
 .../ui/dashboard/RevenueInputField.vue        |    3 +-
 .../ui/dashboard/WithdrawFeeBreakdown.vue     |    3 +-
 .../withdraw-stages/CompletionStage.vue       |    4 +-
 .../LegacyPaypalDetailsStage.vue              |    4 +-
 .../withdraw-stages/MethodSelectionStage.vue  |    4 +-
 .../withdraw-stages/MuralpayDetailsStage.vue  |    4 +-
 .../withdraw-stages/MuralpayKycStage.vue      |    2 +-
 .../withdraw-stages/TaxFormStage.vue          |    4 +-
 .../TremendousDetailsStage.vue                |    4 +-
 .../ui/moderation/ModerationProjectNags.vue   |    3 +-
 .../src/components/ui/news/LatestNewsRow.vue  |    3 +-
 .../servers/marketing/ServerPlanSelector.vue  |    3 +-
 .../ui/servers/notice/NoticeDashboardItem.vue |    3 +-
 apps/frontend/src/error.vue                   |    4 +-
 apps/frontend/src/i18n.config.ts              |   59 +
 apps/frontend/src/layouts/default.vue         |    2 +-
 apps/frontend/src/pages/[type]/[id].vue       |    2 +-
 .../src/pages/[type]/[id]/settings.vue        |    2 +-
 .../[type]/[id]/settings/environment.vue      |    3 +-
 .../pages/[type]/[id]/settings/general.vue    |    3 +-
 .../src/pages/admin/servers/notices.vue       |    2 +-
 apps/frontend/src/pages/app.vue               |    4 +-
 apps/frontend/src/pages/auth/authorize.vue    |    2 +-
 apps/frontend/src/pages/auth/sign-in.vue      |    2 +-
 apps/frontend/src/pages/auth/sign-up.vue      |    2 +-
 apps/frontend/src/pages/auth/welcome.vue      |    3 +-
 apps/frontend/src/pages/collection/[id].vue   |    4 +-
 .../src/pages/dashboard/affiliate-links.vue   |    3 +-
 .../src/pages/dashboard/revenue/index.vue     |    2 +-
 .../src/pages/dashboard/revenue/transfers.vue |    2 +-
 apps/frontend/src/pages/discover.vue          |    2 +-
 apps/frontend/src/pages/hosting/index.vue     |    2 +-
 .../src/pages/hosting/manage/[id].vue         |    2 +-
 apps/frontend/src/pages/index.vue             |    4 +-
 apps/frontend/src/pages/moderation.vue        |    2 +-
 apps/frontend/src/pages/moderation/index.vue  |    2 +-
 .../src/pages/moderation/reports/index.vue    |    2 +-
 .../src/pages/moderation/technical-review.vue |    2 +-
 apps/frontend/src/pages/report.vue            |    4 +-
 apps/frontend/src/pages/settings/index.vue    |    4 +-
 apps/frontend/src/pages/settings/language.vue |  255 +--
 apps/frontend/src/pages/settings/pats.vue     |    2 +-
 apps/frontend/src/pages/settings/profile.vue  |    3 +-
 apps/frontend/src/pages/user/[id].vue         |    2 +-
 apps/frontend/src/plugins/i18n-bridge.ts      |   44 +
 apps/frontend/src/plugins/locale-loader.ts    |   49 +
 .../src/providers/creator-withdraw.ts         |    2 +-
 apps/frontend/src/types/vintl.d.ts            |   26 +-
 apps/frontend/src/utils/i18n-vintl.ts         |   53 +
 apps/frontend/src/utils/muralpay-rails.ts     |    2 +-
 packages/moderation/package.json              |    4 +-
 packages/moderation/src/data/nags/core.ts     |    2 +-
 .../moderation/src/data/nags/description.ts   |    2 +-
 packages/moderation/src/data/nags/links.ts    |    2 +-
 packages/moderation/src/data/nags/tags.ts     |    2 +-
 packages/moderation/src/types/nags.ts         |    2 +-
 packages/ui/package.json                      |    4 +-
 .../affiliate/AffiliateLinkCard.vue           |    2 +-
 .../affiliate/AffiliateLinkCreateModal.vue    |    2 +-
 packages/ui/src/components/base/Badge.vue     |    2 +-
 packages/ui/src/components/base/CopyCode.vue  |    2 +-
 .../components/base/EnvironmentIndicator.vue  |    2 +-
 packages/ui/src/components/base/FilterBar.vue |    2 +-
 .../ui/src/components/base/IconSelect.vue     |    2 +-
 .../ui/src/components/base/IntlFormatted.vue  |   74 +
 .../ui/src/components/base/ServerNotice.vue   |    2 +-
 .../ui/src/components/base/SettingsLabel.vue  |    4 +-
 .../components/base/UnsavedChangesPopup.vue   |    2 +-
 packages/ui/src/components/base/index.ts      |    1 +
 .../billing/AddPaymentMethodModal.vue         |    2 +-
 .../billing/ExpandableInvoiceTotal.vue        |    2 +-
 .../billing/FormattedPaymentMethod.vue        |    2 +-
 .../billing/ModalBasedServerPlan.vue          |    2 +-
 .../billing/ModrinthServersPurchaseModal.vue  |    2 +-
 .../src/components/billing/PurchaseModal.vue  |    2 +-
 .../billing/ServersPurchase0Plan.vue          |    2 +-
 .../billing/ServersPurchase1Region.vue        |    4 +-
 .../billing/ServersPurchase2PaymentMethod.vue |    2 +-
 .../billing/ServersPurchase3Review.vue        |    2 +-
 .../billing/ServersRegionButton.vue           |    2 +-
 .../components/changelog/ChangelogEntry.vue   |    2 +-
 .../ui/src/components/modal/TabbedModal.vue   |    2 +-
 .../project/ProjectPageVersions.vue           |    2 +-
 .../project/ProjectSidebarCompatibility.vue   |    7 +-
 .../project/ProjectSidebarCreators.vue        |    2 +-
 .../project/ProjectSidebarDetails.vue         |    2 +-
 .../project/ProjectSidebarLinks.vue           |    2 +-
 .../components/project/ProjectStatusBadge.vue |    2 +-
 .../ProjectSettingsEnvSelector.vue            |    2 +-
 .../components/search/SearchFilterControl.vue |    2 +-
 .../components/search/SearchSidebarFilter.vue |    2 +-
 .../components/servers/backups/BackupItem.vue |    2 +-
 .../src/components/settings/ThemeSelector.vue |    2 +-
 .../version/VersionChannelIndicator.vue       |    2 +-
 packages/ui/src/composables/how-ago.ts        |   66 +-
 packages/ui/src/utils/common-messages.ts      |    2 +-
 packages/ui/src/utils/game-modes.ts           |    3 +-
 packages/ui/src/utils/i18n.ts                 |   82 +
 packages/ui/src/utils/index.ts                |    1 +
 packages/ui/src/utils/notices.ts              |    2 +-
 packages/ui/src/utils/regions.ts              |    2 +-
 packages/ui/src/utils/search.ts               |    3 +-
 pnpm-lock.yaml                                | 1660 ++++-------------
 139 files changed, 1265 insertions(+), 1909 deletions(-)
 create mode 100644 apps/app-frontend/src/components/ui/IntlFormatted.vue
 create mode 100644 apps/app-frontend/src/i18n.ts
 create mode 100644 apps/app-frontend/src/utils/i18n-vintl.ts
 create mode 100644 apps/frontend/src/components/ui/IntlFormatted.vue
 create mode 100644 apps/frontend/src/i18n.config.ts
 create mode 100644 apps/frontend/src/plugins/i18n-bridge.ts
 create mode 100644 apps/frontend/src/plugins/locale-loader.ts
 create mode 100644 apps/frontend/src/utils/i18n-vintl.ts
 create mode 100644 packages/ui/src/components/base/IntlFormatted.vue
 create mode 100644 packages/ui/src/utils/i18n.ts

diff --git a/apps/app-frontend/package.json b/apps/app-frontend/package.json
index 44439c7976..a0468e289a 100644
--- a/apps/app-frontend/package.json
+++ b/apps/app-frontend/package.json
@@ -28,7 +28,8 @@
 		"@tauri-apps/plugin-updater": "^2.7.1",
 		"@tauri-apps/plugin-window-state": "^2.2.2",
 		"@types/three": "^0.172.0",
-		"@vintl/vintl": "^4.4.1",
+		"intl-messageformat": "^10.7.7",
+		"vue-i18n": "^9.14.0",
 		"@vueuse/core": "^11.1.0",
 		"dayjs": "^1.11.10",
 		"floating-vue": "^5.2.2",
diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
index 26f041fd68..4a56f35eed 100644
--- a/apps/app-frontend/src/App.vue
+++ b/apps/app-frontend/src/App.vue
@@ -48,7 +48,6 @@ import { getCurrentWindow } from '@tauri-apps/api/window'
 import { openUrl } from '@tauri-apps/plugin-opener'
 import { type } from '@tauri-apps/plugin-os'
 import { saveWindowState, StateFlags } from '@tauri-apps/plugin-window-state'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import { $fetch } from 'ofetch'
 import { computed, onMounted, onUnmounted, provide, ref, watch } from 'vue'
 import { RouterView, useRoute, useRouter } from 'vue-router'
@@ -98,6 +97,7 @@ import {
 import { useError } from '@/store/error.js'
 import { useInstall } from '@/store/install.js'
 import { useLoading, useTheming } from '@/store/state'
+import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 import { create_profile_and_install_from_file } from './helpers/pack'
 import { generateSkinPreviews } from './helpers/rendering/batch-skin-renderer'
diff --git a/apps/app-frontend/src/components/ui/IntlFormatted.vue b/apps/app-frontend/src/components/ui/IntlFormatted.vue
new file mode 100644
index 0000000000..77a4d29c36
--- /dev/null
+++ b/apps/app-frontend/src/components/ui/IntlFormatted.vue
@@ -0,0 +1,70 @@
+<script setup lang="ts">
+import IntlMessageFormat, { type FormatXMLElementFn, type PrimitiveType } from 'intl-messageformat'
+import { computed, useSlots, type VNode } from 'vue'
+import { useI18n } from 'vue-i18n'
+
+import type { MessageDescriptor } from '@/utils/i18n-vintl'
+
+const props = defineProps<{
+	messageId: MessageDescriptor
+	values?: Record<string, PrimitiveType>
+}>()
+
+const slots = useSlots()
+const { t, locale, messages } = useI18n()
+
+const formattedParts = computed(() => {
+	const key = props.messageId.id
+	const localeMessages = messages.value[locale.value] as Record<string, string> | undefined
+	const translation = localeMessages?.[key]
+
+	let msg: string
+	if (translation && translation !== key) {
+		msg = translation
+	} else {
+		const translatedT = t(key, {})
+		if (translatedT && translatedT !== key) {
+			msg = translatedT
+		} else {
+			msg = props.messageId.defaultMessage ?? key
+		}
+	}
+
+	const slotHandlers: Record<string, FormatXMLElementFn<VNode>> = {}
+	const slotNames = Object.keys(slots)
+
+	for (const slotName of slotNames) {
+		slotHandlers[slotName] = (chunks) => {
+			const slot = slots[slotName]
+			if (slot) {
+				return slot({
+					children: chunks,
+				})
+			}
+			return chunks as VNode[]
+		}
+	}
+
+	try {
+		const formatter = new IntlMessageFormat(msg, locale.value)
+		const result = formatter.format({
+			...props.values,
+			...slotHandlers,
+		})
+
+		if (Array.isArray(result)) {
+			return result
+		}
+		return [result]
+	} catch {
+		return [msg]
+	}
+})
+</script>
+
+<template>
+	<template v-for="(part, index) in formattedParts" :key="index">
+		<component :is="() => part" v-if="typeof part === 'object'" />
+		<template v-else>{{ part }}</template>
+	</template>
+</template>
diff --git a/apps/app-frontend/src/components/ui/UpdateToast.vue b/apps/app-frontend/src/components/ui/UpdateToast.vue
index af9676080d..95e4f5957b 100644
--- a/apps/app-frontend/src/components/ui/UpdateToast.vue
+++ b/apps/app-frontend/src/components/ui/UpdateToast.vue
@@ -2,10 +2,10 @@
 import { DownloadIcon, ExternalIcon, RefreshCwIcon, SpinnerIcon, XIcon } from '@modrinth/assets'
 import { ButtonStyled, commonMessages, ProgressBar } from '@modrinth/ui'
 import { formatBytes } from '@modrinth/utils'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import { ref } from 'vue'
 
 import { injectAppUpdateDownloadProgress } from '@/providers/download-progress.ts'
+import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 const { formatMessage } = useVIntl()
 
diff --git a/apps/app-frontend/src/components/ui/friends/FriendsList.vue b/apps/app-frontend/src/components/ui/friends/FriendsList.vue
index 991e7e7d69..293e6828e5 100644
--- a/apps/app-frontend/src/components/ui/friends/FriendsList.vue
+++ b/apps/app-frontend/src/components/ui/friends/FriendsList.vue
@@ -7,11 +7,10 @@ import {
 	injectNotificationManager,
 	useRelativeTime,
 } from '@modrinth/ui'
-import { defineMessages, useVIntl } from '@vintl/vintl'
-import { IntlFormatted } from '@vintl/vintl/components'
 import { computed, onUnmounted, ref, watch } from 'vue'
 
 import FriendsSection from '@/components/ui/friends/FriendsSection.vue'
+import IntlFormatted from '@/components/ui/IntlFormatted.vue'
 import ModalWrapper from '@/components/ui/modal/ModalWrapper.vue'
 import { friend_listener } from '@/helpers/events'
 import {
@@ -22,6 +21,7 @@ import {
 	transformFriends,
 } from '@/helpers/friends.ts'
 import type { ModrinthCredentials } from '@/helpers/mr_auth'
+import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 const { formatMessage } = useVIntl()
 
diff --git a/apps/app-frontend/src/components/ui/friends/FriendsSection.vue b/apps/app-frontend/src/components/ui/friends/FriendsSection.vue
index 83e673f7c0..da927fbe9d 100644
--- a/apps/app-frontend/src/components/ui/friends/FriendsSection.vue
+++ b/apps/app-frontend/src/components/ui/friends/FriendsSection.vue
@@ -2,11 +2,11 @@
 import { MoreVerticalIcon, TrashIcon, UserIcon, XIcon } from '@modrinth/assets'
 import { Accordion, Avatar, ButtonStyled, OverflowMenu } from '@modrinth/ui'
 import { openUrl } from '@tauri-apps/plugin-opener'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import { useTemplateRef } from 'vue'
 
 import ContextMenu from '@/components/ui/ContextMenu.vue'
 import type { FriendWithUserData } from '@/helpers/friends.ts'
+import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 const { formatMessage } = useVIntl()
 
diff --git a/apps/app-frontend/src/components/ui/instance_settings/GeneralSettings.vue b/apps/app-frontend/src/components/ui/instance_settings/GeneralSettings.vue
index b98d00cf2b..8cc209d8c6 100644
--- a/apps/app-frontend/src/components/ui/instance_settings/GeneralSettings.vue
+++ b/apps/app-frontend/src/components/ui/instance_settings/GeneralSettings.vue
@@ -9,13 +9,13 @@ import {
 } from '@modrinth/ui'
 import { convertFileSrc } from '@tauri-apps/api/core'
 import { open } from '@tauri-apps/plugin-dialog'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import { computed, type Ref, ref, watch } from 'vue'
 import { useRouter } from 'vue-router'
 
 import ConfirmModalWrapper from '@/components/ui/modal/ConfirmModalWrapper.vue'
 import { trackEvent } from '@/helpers/analytics'
 import { duplicate, edit, edit_icon, list, remove } from '@/helpers/profile'
+import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 import type { GameInstance, InstanceSettingsTabProps } from '../../../helpers/types'
 
diff --git a/apps/app-frontend/src/components/ui/instance_settings/HooksSettings.vue b/apps/app-frontend/src/components/ui/instance_settings/HooksSettings.vue
index 9f1d589beb..9443d5b4d4 100644
--- a/apps/app-frontend/src/components/ui/instance_settings/HooksSettings.vue
+++ b/apps/app-frontend/src/components/ui/instance_settings/HooksSettings.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { Checkbox, injectNotificationManager } from '@modrinth/ui'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import { computed, ref, watch } from 'vue'
 
 import { edit } from '@/helpers/profile'
 import { get } from '@/helpers/settings.ts'
+import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 import type { AppSettings, Hooks, InstanceSettingsTabProps } from '../../../helpers/types'
 
diff --git a/apps/app-frontend/src/components/ui/instance_settings/InstallationSettings.vue b/apps/app-frontend/src/components/ui/instance_settings/InstallationSettings.vue
index ad69e84e71..66ffa32abc 100644
--- a/apps/app-frontend/src/components/ui/instance_settings/InstallationSettings.vue
+++ b/apps/app-frontend/src/components/ui/instance_settings/InstallationSettings.vue
@@ -25,7 +25,6 @@ import {
 	type Project,
 	type Version,
 } from '@modrinth/utils'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import dayjs from 'dayjs'
 import { computed, type ComputedRef, type Ref, ref, shallowRef, watch } from 'vue'
 
@@ -36,6 +35,7 @@ import { get_project, get_version_many } from '@/helpers/cache'
 import { get_loader_versions } from '@/helpers/metadata'
 import { edit, install, update_repair_modrinth } from '@/helpers/profile'
 import { get_game_versions, get_loaders } from '@/helpers/tags'
+import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 import type {
 	InstanceSettingsTabProps,
diff --git a/apps/app-frontend/src/components/ui/instance_settings/JavaSettings.vue b/apps/app-frontend/src/components/ui/instance_settings/JavaSettings.vue
index 7670a0991c..fd5fd14e8e 100644
--- a/apps/app-frontend/src/components/ui/instance_settings/JavaSettings.vue
+++ b/apps/app-frontend/src/components/ui/instance_settings/JavaSettings.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import { CheckCircleIcon, XCircleIcon } from '@modrinth/assets'
 import { Checkbox, injectNotificationManager, Slider } from '@modrinth/ui'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import { computed, readonly, ref, watch } from 'vue'
 
 import JavaSelector from '@/components/ui/JavaSelector.vue'
 import useMemorySlider from '@/composables/useMemorySlider'
 import { edit, get_optimal_jre_key } from '@/helpers/profile'
 import { get } from '@/helpers/settings.ts'
+import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 import type { AppSettings, InstanceSettingsTabProps } from '../../../helpers/types'
 
diff --git a/apps/app-frontend/src/components/ui/instance_settings/WindowSettings.vue b/apps/app-frontend/src/components/ui/instance_settings/WindowSettings.vue
index 9e28510eb3..1bf2df9d34 100644
--- a/apps/app-frontend/src/components/ui/instance_settings/WindowSettings.vue
+++ b/apps/app-frontend/src/components/ui/instance_settings/WindowSettings.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { Checkbox, injectNotificationManager, Toggle } from '@modrinth/ui'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import { computed, type Ref, ref, watch } from 'vue'
 
 import { edit } from '@/helpers/profile'
 import { get } from '@/helpers/settings.ts'
+import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 import type { AppSettings, InstanceSettingsTabProps } from '../../../helpers/types'
 
diff --git a/apps/app-frontend/src/components/ui/modal/AppSettingsModal.vue b/apps/app-frontend/src/components/ui/modal/AppSettingsModal.vue
index 932540de92..df3860a9e5 100644
--- a/apps/app-frontend/src/components/ui/modal/AppSettingsModal.vue
+++ b/apps/app-frontend/src/components/ui/modal/AppSettingsModal.vue
@@ -12,7 +12,6 @@ import {
 import { ProgressBar, TabbedModal } from '@modrinth/ui'
 import { getVersion } from '@tauri-apps/api/app'
 import { platform as getOsPlatform, version as getOsVersion } from '@tauri-apps/plugin-os'
-import { defineMessage, defineMessages, useVIntl } from '@vintl/vintl'
 import { computed, ref, watch } from 'vue'
 
 import ModalWrapper from '@/components/ui/modal/ModalWrapper.vue'
@@ -25,6 +24,7 @@ import ResourceManagementSettings from '@/components/ui/settings/ResourceManagem
 import { get, set } from '@/helpers/settings.ts'
 import { injectAppUpdateDownloadProgress } from '@/providers/download-progress.ts'
 import { useTheming } from '@/store/state'
+import { defineMessage, defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 const themeStore = useTheming()
 
diff --git a/apps/app-frontend/src/components/ui/modal/InstanceSettingsModal.vue b/apps/app-frontend/src/components/ui/modal/InstanceSettingsModal.vue
index 102d097893..96041e1eca 100644
--- a/apps/app-frontend/src/components/ui/modal/InstanceSettingsModal.vue
+++ b/apps/app-frontend/src/components/ui/modal/InstanceSettingsModal.vue
@@ -9,7 +9,6 @@ import {
 } from '@modrinth/assets'
 import { Avatar, TabbedModal, type TabbedModalTab } from '@modrinth/ui'
 import { convertFileSrc } from '@tauri-apps/api/core'
-import { defineMessage, useVIntl } from '@vintl/vintl'
 import { ref } from 'vue'
 
 import GeneralSettings from '@/components/ui/instance_settings/GeneralSettings.vue'
@@ -18,6 +17,7 @@ import InstallationSettings from '@/components/ui/instance_settings/Installation
 import JavaSettings from '@/components/ui/instance_settings/JavaSettings.vue'
 import WindowSettings from '@/components/ui/instance_settings/WindowSettings.vue'
 import ModalWrapper from '@/components/ui/modal/ModalWrapper.vue'
+import { defineMessage, useVIntl } from '@/utils/i18n-vintl'
 
 import type { InstanceSettingsTabProps } from '../../../helpers/types'
 
diff --git a/apps/app-frontend/src/components/ui/world/InstanceItem.vue b/apps/app-frontend/src/components/ui/world/InstanceItem.vue
index 61fa1f9de8..77e23068c6 100644
--- a/apps/app-frontend/src/components/ui/world/InstanceItem.vue
+++ b/apps/app-frontend/src/components/ui/world/InstanceItem.vue
@@ -18,7 +18,6 @@ import {
 } from '@modrinth/ui'
 import { capitalizeString } from '@modrinth/utils'
 import { convertFileSrc } from '@tauri-apps/api/core'
-import { useVIntl } from '@vintl/vintl'
 import type { Dayjs } from 'dayjs'
 import dayjs from 'dayjs'
 import { computed, nextTick, onMounted, onUnmounted, ref } from 'vue'
@@ -32,6 +31,7 @@ import { kill, run } from '@/helpers/profile'
 import type { GameInstance } from '@/helpers/types'
 import { showProfileInFolder } from '@/helpers/utils'
 import { handleSevereError } from '@/store/error'
+import { useVIntl } from '@/utils/i18n-vintl'
 
 const { handleError } = injectNotificationManager()
 const { formatMessage } = useVIntl()
diff --git a/apps/app-frontend/src/components/ui/world/WorldItem.vue b/apps/app-frontend/src/components/ui/world/WorldItem.vue
index ec3a8688c1..e8e764e2ec 100644
--- a/apps/app-frontend/src/components/ui/world/WorldItem.vue
+++ b/apps/app-frontend/src/components/ui/world/WorldItem.vue
@@ -27,8 +27,6 @@ import {
 } from '@modrinth/ui'
 import { formatNumber, getPingLevel } from '@modrinth/utils'
 import { convertFileSrc } from '@tauri-apps/api/core'
-import type { MessageDescriptor } from '@vintl/vintl'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import dayjs from 'dayjs'
 import { Tooltip } from 'floating-vue'
 import type { Component } from 'vue'
@@ -44,6 +42,8 @@ import type {
 	World,
 } from '@/helpers/worlds.ts'
 import { getWorldIdentifier, set_world_display_status } from '@/helpers/worlds.ts'
+import type { MessageDescriptor } from '@/utils/i18n-vintl'
+import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 const { formatMessage } = useVIntl()
 const formatRelativeTime = useRelativeTime()
diff --git a/apps/app-frontend/src/components/ui/world/modal/AddServerModal.vue b/apps/app-frontend/src/components/ui/world/modal/AddServerModal.vue
index 139d82b920..82b88eebf7 100644
--- a/apps/app-frontend/src/components/ui/world/modal/AddServerModal.vue
+++ b/apps/app-frontend/src/components/ui/world/modal/AddServerModal.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { PlayIcon, PlusIcon, XIcon } from '@modrinth/assets'
 import { ButtonStyled, commonMessages, injectNotificationManager } from '@modrinth/ui'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import { ref } from 'vue'
 
 import InstanceModalTitlePrefix from '@/components/ui/modal/InstanceModalTitlePrefix.vue'
@@ -9,6 +8,7 @@ import ModalWrapper from '@/components/ui/modal/ModalWrapper.vue'
 import ServerModalBody from '@/components/ui/world/modal/ServerModalBody.vue'
 import type { GameInstance } from '@/helpers/types'
 import { add_server_to_profile, type ServerPackStatus, type ServerWorld } from '@/helpers/worlds.ts'
+import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 const { handleError } = injectNotificationManager()
 const { formatMessage } = useVIntl()
diff --git a/apps/app-frontend/src/components/ui/world/modal/EditServerModal.vue b/apps/app-frontend/src/components/ui/world/modal/EditServerModal.vue
index 0670b1e542..f8e3b7e93a 100644
--- a/apps/app-frontend/src/components/ui/world/modal/EditServerModal.vue
+++ b/apps/app-frontend/src/components/ui/world/modal/EditServerModal.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { SaveIcon, XIcon } from '@modrinth/assets'
 import { ButtonStyled, commonMessages, injectNotificationManager } from '@modrinth/ui'
-import { defineMessage, useVIntl } from '@vintl/vintl'
 import { computed, ref } from 'vue'
 
 import ModalWrapper from '@/components/ui/modal/ModalWrapper.vue'
@@ -15,6 +14,7 @@ import {
 	type ServerWorld,
 	set_world_display_status,
 } from '@/helpers/worlds.ts'
+import { defineMessage, useVIntl } from '@/utils/i18n-vintl'
 
 const { handleError } = injectNotificationManager()
 const { formatMessage } = useVIntl()
diff --git a/apps/app-frontend/src/components/ui/world/modal/EditSingleplayerWorldModal.vue b/apps/app-frontend/src/components/ui/world/modal/EditSingleplayerWorldModal.vue
index f0cabd43f1..35f1842249 100644
--- a/apps/app-frontend/src/components/ui/world/modal/EditSingleplayerWorldModal.vue
+++ b/apps/app-frontend/src/components/ui/world/modal/EditSingleplayerWorldModal.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { ChevronRightIcon, SaveIcon, UndoIcon, XIcon } from '@modrinth/assets'
 import { Avatar, ButtonStyled, commonMessages, injectNotificationManager } from '@modrinth/ui'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import { computed, ref } from 'vue'
 
 import ModalWrapper from '@/components/ui/modal/ModalWrapper.vue'
@@ -9,6 +8,7 @@ import HideFromHomeOption from '@/components/ui/world/modal/HideFromHomeOption.v
 import type { GameInstance } from '@/helpers/types'
 import type { DisplayStatus, SingleplayerWorld } from '@/helpers/worlds.ts'
 import { rename_world, reset_world_icon, set_world_display_status } from '@/helpers/worlds.ts'
+import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 const { handleError } = injectNotificationManager()
 const { formatMessage } = useVIntl()
diff --git a/apps/app-frontend/src/components/ui/world/modal/HideFromHomeOption.vue b/apps/app-frontend/src/components/ui/world/modal/HideFromHomeOption.vue
index 78d026a991..8de157e260 100644
--- a/apps/app-frontend/src/components/ui/world/modal/HideFromHomeOption.vue
+++ b/apps/app-frontend/src/components/ui/world/modal/HideFromHomeOption.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
 import { Checkbox } from '@modrinth/ui'
-import { defineMessage, useVIntl } from '@vintl/vintl'
 import { computed } from 'vue'
 
+import { defineMessage, useVIntl } from '@/utils/i18n-vintl'
+
 const { formatMessage } = useVIntl()
 const value = defineModel<boolean>({ required: true })
 
diff --git a/apps/app-frontend/src/components/ui/world/modal/ServerModalBody.vue b/apps/app-frontend/src/components/ui/world/modal/ServerModalBody.vue
index ce8b557ff2..497569a1f6 100644
--- a/apps/app-frontend/src/components/ui/world/modal/ServerModalBody.vue
+++ b/apps/app-frontend/src/components/ui/world/modal/ServerModalBody.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { Combobox } from '@modrinth/ui'
-import { defineMessages, type MessageDescriptor, useVIntl } from '@vintl/vintl'
 
 import type { ServerPackStatus } from '@/helpers/worlds.ts'
+import { defineMessages, type MessageDescriptor, useVIntl } from '@/utils/i18n-vintl'
 
 const { formatMessage } = useVIntl()
 
diff --git a/apps/app-frontend/src/i18n.ts b/apps/app-frontend/src/i18n.ts
new file mode 100644
index 0000000000..d085ce180f
--- /dev/null
+++ b/apps/app-frontend/src/i18n.ts
@@ -0,0 +1,37 @@
+import IntlMessageFormat from 'intl-messageformat'
+import { type CompileError, createI18n, type MessageCompiler, type MessageContext } from 'vue-i18n'
+
+const messageCompiler: MessageCompiler = (msg, { locale, key, onError }) => {
+	if (typeof msg === 'string') {
+		try {
+			const formatter = new IntlMessageFormat(msg, locale)
+			return (ctx: MessageContext) => {
+				try {
+					return formatter.format(ctx.values as Record<string, unknown>) as string
+				} catch {
+					return String(msg)
+				}
+			}
+		} catch (e) {
+			onError?.(e as CompileError)
+			return () => key
+		}
+	} else {
+		onError?.(new Error('AST not supported') as CompileError)
+		return () => key
+	}
+}
+
+const i18n = createI18n({
+	legacy: false,
+	locale: 'en-US',
+	fallbackLocale: 'en-US',
+	messageCompiler,
+	missingWarn: false,
+	fallbackWarn: false,
+	messages: {
+		'en-US': {},
+	},
+})
+
+export default i18n
diff --git a/apps/app-frontend/src/main.js b/apps/app-frontend/src/main.js
index 5c01126f08..be127805b7 100644
--- a/apps/app-frontend/src/main.js
+++ b/apps/app-frontend/src/main.js
@@ -3,31 +3,14 @@ import 'floating-vue/dist/style.css'
 import * as Sentry from '@sentry/vue'
 import { VueScanPlugin } from '@taijased/vue-render-tracker'
 import { VueQueryPlugin } from '@tanstack/vue-query'
-import { createPlugin } from '@vintl/vintl/plugin'
 import FloatingVue from 'floating-vue'
 import { createPinia } from 'pinia'
 import { createApp } from 'vue'
 
 import App from '@/App.vue'
+import i18n from '@/i18n'
 import router from '@/routes'
 
-const VIntlPlugin = createPlugin({
-	controllerOpts: {
-		defaultLocale: 'en-US',
-		locale: 'en-US',
-		locales: [
-			{
-				tag: 'en-US',
-				meta: {
-					displayName: 'American English',
-				},
-			},
-		],
-	},
-	globalMixin: true,
-	injectInto: [],
-})
-
 const vueScan = new VueScanPlugin({
 	enabled: false, // Enable or disable the tracker
 	showOverlay: true, // Show overlay to visualize renders
@@ -60,6 +43,6 @@ app.use(FloatingVue, {
 		},
 	},
 })
-app.use(VIntlPlugin)
+app.use(i18n)
 
 app.mount('#app')
diff --git a/apps/app-frontend/src/pages/Browse.vue b/apps/app-frontend/src/pages/Browse.vue
index ce5ca6211e..a220937729 100644
--- a/apps/app-frontend/src/pages/Browse.vue
+++ b/apps/app-frontend/src/pages/Browse.vue
@@ -13,7 +13,6 @@ import {
 	useSearch,
 } from '@modrinth/ui'
 import { openUrl } from '@tauri-apps/plugin-opener'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import type { Ref } from 'vue'
 import { computed, nextTick, ref, shallowRef, watch } from 'vue'
 import type { LocationQuery } from 'vue-router'
@@ -28,6 +27,7 @@ import { get_search_results } from '@/helpers/cache.js'
 import { get as getInstance, get_projects as getInstanceProjects } from '@/helpers/profile.js'
 import { get_categories, get_game_versions, get_loaders } from '@/helpers/tags'
 import { useBreadcrumbs } from '@/store/breadcrumbs'
+import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 const { handleError } = injectNotificationManager()
 const { formatMessage } = useVIntl()
diff --git a/apps/app-frontend/src/pages/instance/Mods.vue b/apps/app-frontend/src/pages/instance/Mods.vue
index a2c3c80e75..d92d6b275b 100644
--- a/apps/app-frontend/src/pages/instance/Mods.vue
+++ b/apps/app-frontend/src/pages/instance/Mods.vue
@@ -284,7 +284,6 @@ import type { ContentItem } from '@modrinth/ui/src/components/content/ContentLis
 import type { Organization, Project, TeamMember, Version } from '@modrinth/utils'
 import { formatProjectType } from '@modrinth/utils'
 import { getCurrentWebview } from '@tauri-apps/api/webview'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import { useStorage } from '@vueuse/core'
 import dayjs from 'dayjs'
 import type { ComputedRef } from 'vue'
@@ -317,6 +316,7 @@ import {
 import type { CacheBehaviour, ContentFile, GameInstance } from '@/helpers/types'
 import { highlightModInProfile } from '@/helpers/utils.js'
 import { installVersionDependencies } from '@/store/install'
+import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 const { handleError } = injectNotificationManager()
 
diff --git a/apps/app-frontend/src/pages/instance/Worlds.vue b/apps/app-frontend/src/pages/instance/Worlds.vue
index 2dd2988abc..c82ba45105 100644
--- a/apps/app-frontend/src/pages/instance/Worlds.vue
+++ b/apps/app-frontend/src/pages/instance/Worlds.vue
@@ -133,7 +133,6 @@ import {
 	RadialHeader,
 } from '@modrinth/ui'
 import type { Version } from '@modrinth/utils'
-import { defineMessages } from '@vintl/vintl'
 import { computed, onUnmounted, ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
 
@@ -169,6 +168,7 @@ import {
 	start_join_singleplayer_world,
 	type World,
 } from '@/helpers/worlds.ts'
+import { defineMessages } from '@/utils/i18n-vintl'
 
 const { handleError } = injectNotificationManager()
 const route = useRoute()
diff --git a/apps/app-frontend/src/utils/i18n-vintl.ts b/apps/app-frontend/src/utils/i18n-vintl.ts
new file mode 100644
index 0000000000..0b8c971dda
--- /dev/null
+++ b/apps/app-frontend/src/utils/i18n-vintl.ts
@@ -0,0 +1,53 @@
+import IntlMessageFormat from 'intl-messageformat'
+import { useI18n } from 'vue-i18n'
+
+export interface MessageDescriptor {
+	id: string
+	defaultMessage?: string
+	description?: string
+}
+
+export type MessageDescriptorMap<K extends string> = Record<K, MessageDescriptor>
+
+export function defineMessage<T extends MessageDescriptor>(descriptor: T): T {
+	return descriptor
+}
+
+export function defineMessages<K extends string, T extends MessageDescriptorMap<K>>(
+	descriptors: T,
+): T {
+	return descriptors
+}
+
+export interface VIntlFormatters {
+	formatMessage(descriptor: MessageDescriptor, values?: Record<string, unknown>): string
+}
+
+export function useVIntl(): VIntlFormatters & { locale: globalThis.Ref<string> } {
+	const { t, locale, messages } = useI18n()
+
+	function formatMessage(descriptor: MessageDescriptor, values?: Record<string, unknown>): string {
+		const key = descriptor.id
+		const localeMessages = messages.value[locale.value] as Record<string, string> | undefined
+		const translation = localeMessages?.[key] ?? (t(key, values ?? {}) as string)
+
+		if (translation && translation !== key) {
+			try {
+				const formatter = new IntlMessageFormat(translation, locale.value)
+				return formatter.format(values ?? {}) as string
+			} catch {
+				return translation
+			}
+		}
+
+		const defaultMsg = descriptor.defaultMessage ?? key
+		try {
+			const formatter = new IntlMessageFormat(defaultMsg, locale.value)
+			return formatter.format(values ?? {}) as string
+		} catch {
+			return defaultMsg
+		}
+	}
+
+	return { formatMessage, locale }
+}
diff --git a/apps/frontend/nuxt.config.ts b/apps/frontend/nuxt.config.ts
index 0068aec32d..c092a576ac 100644
--- a/apps/frontend/nuxt.config.ts
+++ b/apps/frontend/nuxt.config.ts
@@ -1,13 +1,7 @@
-import { pathToFileURL } from 'node:url'
-
-import { match as matchLocale } from '@formatjs/intl-localematcher'
 import { GenericModrinthClient, type Labrinth } from '@modrinth/api-client'
 import serverSidedVue from '@vitejs/plugin-vue'
-import { consola } from 'consola'
 import { promises as fs } from 'fs'
-import { globIterate } from 'glob'
 import { defineNuxtConfig } from 'nuxt/config'
-import { basename, relative } from 'pathe'
 import svgLoader from 'vite-svg-loader'
 
 const STAGING_API_URL = 'https://staging-api.modrinth.com/v2/'
@@ -25,28 +19,6 @@ const favicons = {
 	'(prefers-color-scheme:dark)': '/favicon.ico',
 }
 
-/**
- * Tags of locales that are auto-discovered besides the default locale.
- *
- * Preferably only the locales that reach a certain threshold of complete
- * translations would be included in this array.
- */
-// const enabledLocales: string[] = []
-
-/**
- * Overrides for the categories of the certain locales.
- */
-const localesCategoriesOverrides: Partial<Record<string, 'fun' | 'experimental'>> = {
-	'en-x-pirate': 'fun',
-	'en-x-updown': 'fun',
-	'en-x-lolcat': 'fun',
-	'en-x-uwu': 'fun',
-	'ru-x-bandit': 'fun',
-	ar: 'experimental',
-	he: 'experimental',
-	pes: 'experimental',
-}
-
 export default defineNuxtConfig({
 	srcDir: 'src/',
 	app: {
@@ -176,115 +148,6 @@ export default defineNuxtConfig({
 
 			console.log('Tags generated!')
 		},
-		async 'vintl:extendOptions'(opts) {
-			opts.locales ??= []
-
-			// const isProduction = getDomain() === 'https://modrinth.com'
-
-			const resolveCompactNumberDataImport = await (async () => {
-				const compactNumberLocales: string[] = []
-
-				for await (const localeFile of globIterate(
-					'node_modules/@vintl/compact-number/dist/locale-data/*.mjs',
-					{ ignore: '**/*.data.mjs' },
-				)) {
-					const tag = basename(localeFile, '.mjs')
-					compactNumberLocales.push(tag)
-				}
-
-				function resolveImport(tag: string) {
-					const matchedTag = matchLocale([tag], compactNumberLocales, 'en-x-placeholder')
-					return matchedTag === 'en-x-placeholder'
-						? undefined
-						: `@vintl/compact-number/locale-data/${matchedTag}`
-				}
-
-				return resolveImport
-			})()
-
-			const resolveOmorphiaLocaleImport = await (async () => {
-				const omorphiaLocales: string[] = []
-				const omorphiaLocaleSets = new Map<string, { files: { from: string; format?: string }[] }>()
-
-				for (const pkgLocales of [`node_modules/@modrinth/**/src/locales/*`]) {
-					for await (const localeDir of globIterate(pkgLocales, {
-						posix: true,
-					})) {
-						const tag = basename(localeDir)
-						if (!omorphiaLocales.includes(tag)) {
-							omorphiaLocales.push(tag)
-						}
-
-						const entry = omorphiaLocaleSets.get(tag) ?? { files: [] }
-						omorphiaLocaleSets.set(tag, entry)
-
-						for await (const localeFile of globIterate(`${localeDir}/*`, { posix: true })) {
-							entry.files.push({
-								from: pathToFileURL(localeFile).toString(),
-								format: 'default',
-							})
-						}
-					}
-				}
-
-				return function resolveLocaleImport(tag: string) {
-					return omorphiaLocaleSets.get(matchLocale([tag], omorphiaLocales, 'en-x-placeholder'))
-				}
-			})()
-
-			for await (const localeDir of globIterate('src/locales/*/', { posix: true })) {
-				const tag = basename(localeDir)
-
-				// NOTICE: temporarily disabled all locales except en-US
-				if (opts.defaultLocale !== tag) continue
-
-				const locale =
-					opts.locales.find((locale) => locale.tag === tag) ??
-					opts.locales[opts.locales.push({ tag }) - 1]!
-
-				const localeFiles = (locale.files ??= [])
-
-				for await (const localeFile of globIterate(`${localeDir}/*`, { posix: true })) {
-					const fileName = basename(localeFile)
-					if (fileName === 'index.json') {
-						localeFiles.push({
-							from: `./${relative('./src', localeFile)}`,
-							format: 'crowdin',
-						})
-					} else if (fileName === 'meta.json') {
-						const meta: Record<string, { message: string }> = await fs
-							.readFile(localeFile, 'utf8')
-							.then((date) => JSON.parse(date))
-						const localeMeta = (locale.meta ??= {})
-						for (const key in meta) {
-							const value = meta[key]
-							if (value === undefined) continue
-							localeMeta[key] = value.message
-						}
-					} else {
-						;(locale.resources ??= {})[fileName] = `./${relative('./src', localeFile)}`
-					}
-				}
-
-				const categoryOverride = localesCategoriesOverrides[tag]
-				if (categoryOverride != null) {
-					;(locale.meta ??= {}).category = categoryOverride
-				}
-
-				const omorphiaLocaleData = resolveOmorphiaLocaleImport(tag)
-				if (omorphiaLocaleData != null) {
-					localeFiles.push(...omorphiaLocaleData.files)
-				}
-
-				const cnDataImport = resolveCompactNumberDataImport(tag)
-				if (cnDataImport != null) {
-					;(locale.additionalImports ??= []).push({
-						from: cnDataImport,
-						resolve: false,
-					})
-				}
-			}
-		},
 	},
 	runtimeConfig: {
 		// @ts-ignore
@@ -331,52 +194,81 @@ export default defineNuxtConfig({
 			},
 		},
 	},
-	modules: ['@vintl/nuxt', '@pinia/nuxt'],
-	vintl: {
+	modules: ['@nuxtjs/i18n', '@pinia/nuxt'],
+	i18n: {
 		defaultLocale: 'en-US',
 		locales: [
-			{
-				tag: 'en-US',
-				meta: {
-					static: {
-						iso: 'en',
-					},
-				},
-			},
+			{ code: 'af-ZA', name: 'Afrikaans' },
+			{ code: 'ar-EG', name: 'العربية (مصر)', dir: 'rtl' },
+			{ code: 'ar-SA', name: 'العربية (السعودية)', dir: 'rtl' },
+			{ code: 'az-AZ', name: 'Azərbaycan' },
+			{ code: 'be-BY', name: 'Беларуская' },
+			{ code: 'bg-BG', name: 'Български' },
+			{ code: 'bn-BD', name: 'বাংলা' },
+			{ code: 'ca-ES', name: 'Català' },
+			{ code: 'ceb-PH', name: 'Cebuano' },
+			{ code: 'cs-CZ', name: 'Čeština' },
+			{ code: 'da-DK', name: 'Dansk' },
+			{ code: 'de-CH', name: 'Deutsch (Schweiz)' },
+			{ code: 'de-DE', name: 'Deutsch' },
+			{ code: 'el-GR', name: 'Ελληνικά' },
+			{ code: 'en-PT', name: 'Pirate English' },
+			{ code: 'en-UD', name: 'Upside Down' },
+			{ code: 'en-US', name: 'English (United States)' },
+			{ code: 'eo-UY', name: 'Esperanto' },
+			{ code: 'es-419', name: 'Español (Latinoamérica)' },
+			{ code: 'es-ES', name: 'Español (España)' },
+			{ code: 'et-EE', name: 'Eesti' },
+			{ code: 'fa-IR', name: 'فارسی', dir: 'rtl' },
+			{ code: 'fi-FI', name: 'Suomi' },
+			{ code: 'fil-PH', name: 'Filipino' },
+			{ code: 'fr-FR', name: 'Français' },
+			{ code: 'he-IL', name: 'עברית', dir: 'rtl' },
+			{ code: 'hi-IN', name: 'हिन्दी' },
+			{ code: 'hr-HR', name: 'Hrvatski' },
+			{ code: 'hu-HU', name: 'Magyar' },
+			{ code: 'id-ID', name: 'Bahasa Indonesia' },
+			{ code: 'is-IS', name: 'Íslenska' },
+			{ code: 'it-IT', name: 'Italiano' },
+			{ code: 'ja-JP', name: '日本語' },
+			{ code: 'kk-KZ', name: 'Қазақша' },
+			{ code: 'ko-KR', name: '한국어' },
+			{ code: 'ky-KG', name: 'Кыргызча' },
+			{ code: 'lol-US', name: 'LOLCAT' },
+			{ code: 'lt-LT', name: 'Lietuvių' },
+			{ code: 'lv-LV', name: 'Latviešu' },
+			{ code: 'ms-Arab', name: 'بهاس ملايو (جاوي)', dir: 'rtl' },
+			{ code: 'ms-MY', name: 'Bahasa Melayu' },
+			{ code: 'nl-NL', name: 'Nederlands' },
+			{ code: 'no-NO', name: 'Norsk' },
+			{ code: 'pl-PL', name: 'Polski' },
+			{ code: 'pt-BR', name: 'Português (Brasil)' },
+			{ code: 'pt-PT', name: 'Português (Portugal)' },
+			{ code: 'ro-RO', name: 'Română' },
+			{ code: 'ru-RU', name: 'Русский' },
+			{ code: 'sk-SK', name: 'Slovenčina' },
+			{ code: 'sl-SI', name: 'Slovenščina' },
+			{ code: 'sr-CS', name: 'Српски (ћирилица)' },
+			{ code: 'sr-SP', name: 'Srpski (latinica)' },
+			{ code: 'sv-SE', name: 'Svenska' },
+			{ code: 'th-TH', name: 'ไทย' },
+			{ code: 'tl-PH', name: 'Tagalog' },
+			{ code: 'tr-TR', name: 'Türkçe' },
+			{ code: 'tt-RU', name: 'Татарча' },
+			{ code: 'uk-UA', name: 'Українська' },
+			{ code: 'vi-VN', name: 'Tiếng Việt' },
+			{ code: 'zh-CN', name: '简体中文' },
+			{ code: 'zh-TW', name: '繁體中文' },
 		],
-		storage: 'cookie',
-		parserless: 'only-prod',
-		seo: {
-			defaultLocaleHasParameter: false,
-		},
-		onParseError({ error, message, messageId, moduleId, parseMessage, parserOptions }) {
-			const errorMessage = String(error)
-			const modulePath = relative(__dirname, moduleId)
-
-			try {
-				const fallback = parseMessage(message, { ...parserOptions, ignoreTag: true })
-
-				consola.warn(
-					`[i18n] ${messageId} in ${modulePath} cannot be parsed normally due to ${errorMessage}. The tags will will not be parsed.`,
-				)
-
-				return fallback
-			} catch (err) {
-				const secondaryErrorMessage = String(err)
-
-				const reason =
-					errorMessage === secondaryErrorMessage
-						? errorMessage
-						: `${errorMessage} and ${secondaryErrorMessage}`
-
-				consola.warn(
-					`[i18n] ${messageId} in ${modulePath} cannot be parsed due to ${reason}. It will be skipped.`,
-				)
-			}
+		strategy: 'no_prefix',
+		detectBrowserLanguage: {
+			useCookie: true,
+			cookieKey: 'locale',
+			fallbackLocale: 'en-US',
 		},
+		vueI18n: './src/i18n.config.ts',
 	},
 	nitro: {
-		moduleSideEffects: ['@vintl/compact-number/locale-data'],
 		rollupConfig: {
 			// @ts-expect-error it's not infinite.
 			plugins: [serverSidedVue()],
diff --git a/apps/frontend/package.json b/apps/frontend/package.json
index 7dfa25981d..803e695098 100644
--- a/apps/frontend/package.json
+++ b/apps/frontend/package.json
@@ -16,12 +16,10 @@
 	"devDependencies": {
 		"@formatjs/cli": "^6.2.12",
 		"@nuxt/devtools": "^1.3.3",
+		"@nuxtjs/i18n": "^8.5.5",
 		"@types/dompurify": "^3.0.5",
 		"@types/iso-3166-2": "^1.0.4",
 		"@types/node": "^20.1.0",
-		"@vintl/compact-number": "^2.0.5",
-		"@vintl/how-ago": "^3.0.1",
-		"@vintl/nuxt": "^1.9.2",
 		"autoprefixer": "^10.4.19",
 		"eslint": "^8.57.0",
 		"glob": "^10.2.7",
@@ -48,7 +46,7 @@
 		"@pinia/nuxt": "^0.5.1",
 		"@tanstack/vue-query": "^5.90.7",
 		"@types/three": "^0.172.0",
-		"@vintl/vintl": "^4.4.1",
+		"intl-messageformat": "^10.7.7",
 		"@vitejs/plugin-vue": "^5.0.4",
 		"@vue-email/components": "^0.0.21",
 		"@vue-email/render": "^0.0.9",
diff --git a/apps/frontend/src/components/ui/IntlFormatted.vue b/apps/frontend/src/components/ui/IntlFormatted.vue
new file mode 100644
index 0000000000..9497be455b
--- /dev/null
+++ b/apps/frontend/src/components/ui/IntlFormatted.vue
@@ -0,0 +1,69 @@
+<script setup lang="ts">
+import IntlMessageFormat, { type FormatXMLElementFn, type PrimitiveType } from 'intl-messageformat'
+import { computed, useSlots, type VNode } from 'vue'
+
+import type { MessageDescriptor } from '~/utils/i18n-vintl'
+
+const props = defineProps<{
+	messageId: MessageDescriptor
+	values?: Record<string, PrimitiveType>
+}>()
+
+const slots = useSlots()
+const { t, locale } = useI18n()
+
+const formattedParts = computed(() => {
+	const key = props.messageId.id
+	const translation = t(key, {}) as string
+
+	let msg: string
+	if (translation && translation !== key) {
+		msg = translation
+	} else {
+		msg = props.messageId.defaultMessage ?? key
+	}
+
+	const slotHandlers: Record<string, FormatXMLElementFn<VNode>> = {}
+	const slotNames = Object.keys(slots)
+
+	for (const slotName of slotNames) {
+		const normalizedName = slotName.startsWith('~') ? slotName.slice(1) : slotName
+		slotHandlers[normalizedName] = (chunks) => {
+			const slot = slots[slotName]
+			if (slot) {
+				return slot({
+					children: chunks,
+				})
+			}
+			return chunks as VNode[]
+		}
+
+		msg = msg.replace(
+			new RegExp(`\\{${normalizedName}\\}`, 'g'),
+			`<${normalizedName}></${normalizedName}>`,
+		)
+	}
+
+	try {
+		const formatter = new IntlMessageFormat(msg, locale.value)
+		const result = formatter.format({
+			...props.values,
+			...slotHandlers,
+		})
+
+		if (Array.isArray(result)) {
+			return result
+		}
+		return [result]
+	} catch {
+		return [msg]
+	}
+})
+</script>
+
+<template>
+	<template v-for="(part, index) in formattedParts" :key="index">
+		<component :is="() => part" v-if="typeof part === 'object'" />
+		<template v-else>{{ part }}</template>
+	</template>
+</template>
diff --git a/apps/frontend/src/components/ui/ProjectMemberHeader.vue b/apps/frontend/src/components/ui/ProjectMemberHeader.vue
index be287995fb..a3c2e13c5d 100644
--- a/apps/frontend/src/components/ui/ProjectMemberHeader.vue
+++ b/apps/frontend/src/components/ui/ProjectMemberHeader.vue
@@ -26,10 +26,10 @@
 import { CheckIcon, XIcon } from '@modrinth/assets'
 import { ButtonStyled, injectNotificationManager } from '@modrinth/ui'
 import type { Project, User, Version } from '@modrinth/utils'
-import { defineMessages, type MessageDescriptor, useVIntl } from '@vintl/vintl'
 import { computed } from 'vue'
 
 import { acceptTeamInvite, removeTeamMember } from '~/helpers/teams.js'
+import { defineMessages, type MessageDescriptor, useVIntl } from '~/utils/i18n-vintl'
 
 const { addNotification } = injectNotificationManager()
 
diff --git a/apps/frontend/src/components/ui/create/CollectionCreateModal.vue b/apps/frontend/src/components/ui/create/CollectionCreateModal.vue
index 9eada58306..f822fd0ffc 100644
--- a/apps/frontend/src/components/ui/create/CollectionCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/CollectionCreateModal.vue
@@ -59,7 +59,8 @@
 <script setup>
 import { PlusIcon, XIcon } from '@modrinth/assets'
 import { ButtonStyled, injectNotificationManager, NewModal } from '@modrinth/ui'
-import { defineMessages } from '@vintl/vintl'
+
+import { defineMessages } from '~/utils/i18n-vintl'
 
 import CreateLimitAlert from './CreateLimitAlert.vue'
 
diff --git a/apps/frontend/src/components/ui/create/CreateLimitAlert.vue b/apps/frontend/src/components/ui/create/CreateLimitAlert.vue
index 7e75dff0bc..758b997655 100644
--- a/apps/frontend/src/components/ui/create/CreateLimitAlert.vue
+++ b/apps/frontend/src/components/ui/create/CreateLimitAlert.vue
@@ -44,9 +44,10 @@
 import { MessageIcon } from '@modrinth/assets'
 import { Admonition, ButtonStyled } from '@modrinth/ui'
 import { capitalizeString } from '@modrinth/utils'
-import { defineMessages } from '@vintl/vintl'
 import { computed, watch } from 'vue'
 
+import { defineMessages } from '~/utils/i18n-vintl'
+
 const { formatMessage } = useVIntl()
 
 const messages = defineMessages({
diff --git a/apps/frontend/src/components/ui/create/OrganizationCreateModal.vue b/apps/frontend/src/components/ui/create/OrganizationCreateModal.vue
index f3a9f64ceb..49fb08d701 100644
--- a/apps/frontend/src/components/ui/create/OrganizationCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/OrganizationCreateModal.vue
@@ -82,9 +82,10 @@
 <script setup lang="ts">
 import { PlusIcon, XIcon } from '@modrinth/assets'
 import { ButtonStyled, injectNotificationManager, NewModal } from '@modrinth/ui'
-import { defineMessages } from '@vintl/vintl'
 import { ref } from 'vue'
 
+import { defineMessages } from '~/utils/i18n-vintl'
+
 import CreateLimitAlert from './CreateLimitAlert.vue'
 
 const router = useNativeRouter()
diff --git a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
index 5c6ebba60a..a205ac815a 100644
--- a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
@@ -96,7 +96,8 @@
 <script setup>
 import { PlusIcon, XIcon } from '@modrinth/assets'
 import { ButtonStyled, Chips, injectNotificationManager, NewModal } from '@modrinth/ui'
-import { defineMessages } from '@vintl/vintl'
+
+import { defineMessages } from '~/utils/i18n-vintl'
 
 import CreateLimitAlert from './CreateLimitAlert.vue'
 
diff --git a/apps/frontend/src/components/ui/dashboard/CreatorTaxFormModal.vue b/apps/frontend/src/components/ui/dashboard/CreatorTaxFormModal.vue
index cf3f4aa8cb..677d834133 100644
--- a/apps/frontend/src/components/ui/dashboard/CreatorTaxFormModal.vue
+++ b/apps/frontend/src/components/ui/dashboard/CreatorTaxFormModal.vue
@@ -166,10 +166,10 @@ import {
 	NewModal,
 	normalizeChildren,
 } from '@modrinth/ui'
-import { defineMessages, useVIntl } from '@vintl/vintl'
-import { IntlFormatted } from '@vintl/vintl/components'
 
 import { type FormRequestResponse, useAvalara1099 } from '@/composables/avalara1099'
+import IntlFormatted from '~/components/ui/IntlFormatted.vue'
+import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const props = withDefaults(
 	defineProps<{
diff --git a/apps/frontend/src/components/ui/dashboard/CreatorWithdrawModal.vue b/apps/frontend/src/components/ui/dashboard/CreatorWithdrawModal.vue
index a6aef08918..4bb0fb31ae 100644
--- a/apps/frontend/src/components/ui/dashboard/CreatorWithdrawModal.vue
+++ b/apps/frontend/src/components/ui/dashboard/CreatorWithdrawModal.vue
@@ -117,7 +117,6 @@ import {
 	XIcon,
 } from '@modrinth/assets'
 import { ButtonStyled, commonMessages, injectNotificationManager, NewModal } from '@modrinth/ui'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import { computed, nextTick, onMounted, ref, useTemplateRef, watch } from 'vue'
 
 import {
@@ -127,6 +126,7 @@ import {
 	TAX_THRESHOLD_ACTUAL,
 	type WithdrawStage,
 } from '@/providers/creator-withdraw.ts'
+import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 import CreatorTaxFormModal from './CreatorTaxFormModal.vue'
 import CompletionStage from './withdraw-stages/CompletionStage.vue'
diff --git a/apps/frontend/src/components/ui/dashboard/RevenueInputField.vue b/apps/frontend/src/components/ui/dashboard/RevenueInputField.vue
index ac961dc0b2..38281e34de 100644
--- a/apps/frontend/src/components/ui/dashboard/RevenueInputField.vue
+++ b/apps/frontend/src/components/ui/dashboard/RevenueInputField.vue
@@ -51,9 +51,10 @@
 <script setup lang="ts">
 import { ButtonStyled, Combobox, commonMessages, formFieldPlaceholders } from '@modrinth/ui'
 import { formatMoney } from '@modrinth/utils'
-import { useVIntl } from '@vintl/vintl'
 import { computed, nextTick, ref, watch } from 'vue'
 
+import { useVIntl } from '~/utils/i18n-vintl'
+
 const props = withDefaults(
 	defineProps<{
 		modelValue: number | undefined
diff --git a/apps/frontend/src/components/ui/dashboard/WithdrawFeeBreakdown.vue b/apps/frontend/src/components/ui/dashboard/WithdrawFeeBreakdown.vue
index 211b95b73f..e98b78ac4b 100644
--- a/apps/frontend/src/components/ui/dashboard/WithdrawFeeBreakdown.vue
+++ b/apps/frontend/src/components/ui/dashboard/WithdrawFeeBreakdown.vue
@@ -58,9 +58,10 @@
 <script setup lang="ts">
 import { LoaderCircleIcon } from '@modrinth/assets'
 import { formatMoney } from '@modrinth/utils'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import { computed } from 'vue'
 
+import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
+
 const props = withDefaults(
 	defineProps<{
 		amount: number
diff --git a/apps/frontend/src/components/ui/dashboard/withdraw-stages/CompletionStage.vue b/apps/frontend/src/components/ui/dashboard/withdraw-stages/CompletionStage.vue
index 0987a97307..6c8b544c1e 100644
--- a/apps/frontend/src/components/ui/dashboard/withdraw-stages/CompletionStage.vue
+++ b/apps/frontend/src/components/ui/dashboard/withdraw-stages/CompletionStage.vue
@@ -126,14 +126,14 @@
 <script setup lang="ts">
 import { normalizeChildren } from '@modrinth/ui'
 import { formatMoney } from '@modrinth/utils'
-import { defineMessages, useVIntl } from '@vintl/vintl'
-import { IntlFormatted } from '@vintl/vintl/components'
 import dayjs from 'dayjs'
 import { computed, onMounted, ref } from 'vue'
 import ConfettiExplosion from 'vue-confetti-explosion'
 
 import { type TremendousProviderData, useWithdrawContext } from '@/providers/creator-withdraw.ts'
 import { getRailConfig } from '@/utils/muralpay-rails'
+import IntlFormatted from '~/components/ui/IntlFormatted.vue'
+import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const { withdrawData } = useWithdrawContext()
 const { formatMessage } = useVIntl()
diff --git a/apps/frontend/src/components/ui/dashboard/withdraw-stages/LegacyPaypalDetailsStage.vue b/apps/frontend/src/components/ui/dashboard/withdraw-stages/LegacyPaypalDetailsStage.vue
index 6fd347269a..d713d16020 100644
--- a/apps/frontend/src/components/ui/dashboard/withdraw-stages/LegacyPaypalDetailsStage.vue
+++ b/apps/frontend/src/components/ui/dashboard/withdraw-stages/LegacyPaypalDetailsStage.vue
@@ -111,8 +111,6 @@ import {
 	formFieldLabels,
 	normalizeChildren,
 } from '@modrinth/ui'
-import { defineMessages, useVIntl } from '@vintl/vintl'
-import { IntlFormatted } from '@vintl/vintl/components'
 import { useDebounceFn } from '@vueuse/core'
 import { computed, onMounted, ref, watch } from 'vue'
 
@@ -120,6 +118,8 @@ import RevenueInputField from '@/components/ui/dashboard/RevenueInputField.vue'
 import WithdrawFeeBreakdown from '@/components/ui/dashboard/WithdrawFeeBreakdown.vue'
 import { getAuthUrl, removeAuthProvider, useAuth } from '@/composables/auth.js'
 import { useWithdrawContext } from '@/providers/creator-withdraw.ts'
+import IntlFormatted from '~/components/ui/IntlFormatted.vue'
+import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const { withdrawData, maxWithdrawAmount, availableMethods, calculateFees, saveStateToStorage } =
 	useWithdrawContext()
diff --git a/apps/frontend/src/components/ui/dashboard/withdraw-stages/MethodSelectionStage.vue b/apps/frontend/src/components/ui/dashboard/withdraw-stages/MethodSelectionStage.vue
index c983f725d0..3d8ebe1c8e 100644
--- a/apps/frontend/src/components/ui/dashboard/withdraw-stages/MethodSelectionStage.vue
+++ b/apps/frontend/src/components/ui/dashboard/withdraw-stages/MethodSelectionStage.vue
@@ -88,12 +88,12 @@ import {
 	useDebugLogger,
 } from '@modrinth/ui'
 import { formatMoney } from '@modrinth/utils'
-import { defineMessages, useVIntl } from '@vintl/vintl'
-import { IntlFormatted } from '@vintl/vintl/components'
 import { useGeolocation } from '@vueuse/core'
 
 import { useCountries, useFormattedCountries, useUserCountry } from '@/composables/country.ts'
 import { type PayoutMethod, useWithdrawContext } from '@/providers/creator-withdraw.ts'
+import IntlFormatted from '~/components/ui/IntlFormatted.vue'
+import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const debug = useDebugLogger('MethodSelectionStage')
 const {
diff --git a/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayDetailsStage.vue b/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayDetailsStage.vue
index e6422042d2..239d21adf6 100644
--- a/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayDetailsStage.vue
+++ b/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayDetailsStage.vue
@@ -213,8 +213,6 @@ import {
 	getCurrencyIcon,
 	normalizeChildren,
 } from '@modrinth/ui'
-import { defineMessages, useVIntl } from '@vintl/vintl'
-import { IntlFormatted } from '@vintl/vintl/components'
 import { useDebounceFn } from '@vueuse/core'
 import { computed, ref, watch } from 'vue'
 
@@ -223,6 +221,8 @@ import WithdrawFeeBreakdown from '@/components/ui/dashboard/WithdrawFeeBreakdown
 import { useGeneratedState } from '@/composables/generated'
 import { useWithdrawContext } from '@/providers/creator-withdraw.ts'
 import { getRailConfig } from '@/utils/muralpay-rails'
+import IntlFormatted from '~/components/ui/IntlFormatted.vue'
+import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const { withdrawData, maxWithdrawAmount, availableMethods, calculateFees } = useWithdrawContext()
 const { formatMessage } = useVIntl()
diff --git a/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayKycStage.vue b/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayKycStage.vue
index b318402bef..e89160f1b5 100644
--- a/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayKycStage.vue
+++ b/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayKycStage.vue
@@ -219,12 +219,12 @@
 
 <script setup lang="ts">
 import { Chips, Combobox, formFieldLabels, formFieldPlaceholders } from '@modrinth/ui'
-import { useVIntl } from '@vintl/vintl'
 // TODO: Switch to using Muralpay's improved endpoint when it's available.
 import iso3166 from 'iso-3166-2'
 
 import { useFormattedCountries } from '@/composables/country.ts'
 import { useWithdrawContext } from '@/providers/creator-withdraw.ts'
+import { useVIntl } from '~/utils/i18n-vintl'
 
 const { withdrawData } = useWithdrawContext()
 const { formatMessage } = useVIntl()
diff --git a/apps/frontend/src/components/ui/dashboard/withdraw-stages/TaxFormStage.vue b/apps/frontend/src/components/ui/dashboard/withdraw-stages/TaxFormStage.vue
index 71acf0fc92..31672376b7 100644
--- a/apps/frontend/src/components/ui/dashboard/withdraw-stages/TaxFormStage.vue
+++ b/apps/frontend/src/components/ui/dashboard/withdraw-stages/TaxFormStage.vue
@@ -76,11 +76,11 @@
 import { FileTextIcon } from '@modrinth/assets'
 import { Admonition, ButtonStyled, normalizeChildren } from '@modrinth/ui'
 import { formatMoney } from '@modrinth/utils'
-import { defineMessages, useVIntl } from '@vintl/vintl'
-import { IntlFormatted } from '@vintl/vintl/components'
 import { computed } from 'vue'
 
 import { TAX_THRESHOLD_ACTUAL } from '@/providers/creator-withdraw.ts'
+import IntlFormatted from '~/components/ui/IntlFormatted.vue'
+import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const props = defineProps<{
 	balance: any
diff --git a/apps/frontend/src/components/ui/dashboard/withdraw-stages/TremendousDetailsStage.vue b/apps/frontend/src/components/ui/dashboard/withdraw-stages/TremendousDetailsStage.vue
index c9d7a98597..2b04c4bf34 100644
--- a/apps/frontend/src/components/ui/dashboard/withdraw-stages/TremendousDetailsStage.vue
+++ b/apps/frontend/src/components/ui/dashboard/withdraw-stages/TremendousDetailsStage.vue
@@ -364,8 +364,6 @@ import {
 	useDebugLogger,
 } from '@modrinth/ui'
 import { formatMoney } from '@modrinth/utils'
-import { defineMessages, useVIntl } from '@vintl/vintl'
-import { IntlFormatted } from '@vintl/vintl/components'
 import { useDebounceFn } from '@vueuse/core'
 import { computed, onMounted, ref, watch } from 'vue'
 
@@ -374,6 +372,8 @@ import WithdrawFeeBreakdown from '@/components/ui/dashboard/WithdrawFeeBreakdown
 import { useAuth } from '@/composables/auth.js'
 import { useBaseFetch } from '@/composables/fetch.js'
 import { type PayoutMethod, useWithdrawContext } from '@/providers/creator-withdraw.ts'
+import IntlFormatted from '~/components/ui/IntlFormatted.vue'
+import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const debug = useDebugLogger('TremendousDetailsStage')
 const {
diff --git a/apps/frontend/src/components/ui/moderation/ModerationProjectNags.vue b/apps/frontend/src/components/ui/moderation/ModerationProjectNags.vue
index 7b0f19d0f6..c87378b5d1 100644
--- a/apps/frontend/src/components/ui/moderation/ModerationProjectNags.vue
+++ b/apps/frontend/src/components/ui/moderation/ModerationProjectNags.vue
@@ -91,10 +91,11 @@ import type { Nag, NagContext, NagStatus } from '@modrinth/moderation'
 import { nags } from '@modrinth/moderation'
 import { ButtonStyled } from '@modrinth/ui'
 import type { Project, User, Version } from '@modrinth/utils'
-import { defineMessages, type MessageDescriptor, useVIntl } from '@vintl/vintl'
 import type { Component } from 'vue'
 import { computed } from 'vue'
 
+import { defineMessages, type MessageDescriptor, useVIntl } from '~/utils/i18n-vintl'
+
 interface Tags {
 	rejectedStatuses: string[]
 }
diff --git a/apps/frontend/src/components/ui/news/LatestNewsRow.vue b/apps/frontend/src/components/ui/news/LatestNewsRow.vue
index 4cd3687513..37bc3286cc 100644
--- a/apps/frontend/src/components/ui/news/LatestNewsRow.vue
+++ b/apps/frontend/src/components/ui/news/LatestNewsRow.vue
@@ -30,9 +30,10 @@
 import { NewspaperIcon } from '@modrinth/assets'
 import { articles as rawArticles } from '@modrinth/blog'
 import { ButtonStyled, NewsArticleCard } from '@modrinth/ui'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import { computed, ref } from 'vue'
 
+import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
+
 const { formatMessage } = useVIntl()
 
 const articles = ref(
diff --git a/apps/frontend/src/components/ui/servers/marketing/ServerPlanSelector.vue b/apps/frontend/src/components/ui/servers/marketing/ServerPlanSelector.vue
index 3aaa3ce3d5..11de4daac7 100644
--- a/apps/frontend/src/components/ui/servers/marketing/ServerPlanSelector.vue
+++ b/apps/frontend/src/components/ui/servers/marketing/ServerPlanSelector.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import { ButtonStyled, ServersSpecs } from '@modrinth/ui'
 import { formatPrice } from '@modrinth/utils'
-import type { MessageDescriptor } from '@vintl/vintl'
+
+import type { MessageDescriptor } from '~/utils/i18n-vintl'
 
 const { formatMessage, locale } = useVIntl()
 
diff --git a/apps/frontend/src/components/ui/servers/notice/NoticeDashboardItem.vue b/apps/frontend/src/components/ui/servers/notice/NoticeDashboardItem.vue
index 0094c1d484..2913940552 100644
--- a/apps/frontend/src/components/ui/servers/notice/NoticeDashboardItem.vue
+++ b/apps/frontend/src/components/ui/servers/notice/NoticeDashboardItem.vue
@@ -9,9 +9,10 @@ import {
 	useRelativeTime,
 } from '@modrinth/ui'
 import type { ServerNotice as ServerNoticeType } from '@modrinth/utils'
-import { useVIntl } from '@vintl/vintl'
 import dayjs from 'dayjs'
 
+import { useVIntl } from '~/utils/i18n-vintl'
+
 const { formatMessage } = useVIntl()
 const formatRelativeTime = useRelativeTime()
 
diff --git a/apps/frontend/src/error.vue b/apps/frontend/src/error.vue
index 7a03197d43..97fc0e250d 100644
--- a/apps/frontend/src/error.vue
+++ b/apps/frontend/src/error.vue
@@ -58,10 +58,10 @@ import {
 	provideNotificationManager,
 	providePageContext,
 } from '@modrinth/ui'
-import { defineMessage, useVIntl } from '@vintl/vintl'
-import { IntlFormatted } from '@vintl/vintl/components'
 
 import Logo404 from '~/assets/images/404.svg'
+import IntlFormatted from '~/components/ui/IntlFormatted.vue'
+import { defineMessage, useVIntl } from '~/utils/i18n-vintl'
 
 import ModrinthLoadingIndicator from './components/ui/modrinth-loading-indicator.ts'
 import { createModrinthClient } from './helpers/api.ts'
diff --git a/apps/frontend/src/i18n.config.ts b/apps/frontend/src/i18n.config.ts
new file mode 100644
index 0000000000..f7c95dbbd8
--- /dev/null
+++ b/apps/frontend/src/i18n.config.ts
@@ -0,0 +1,59 @@
+import IntlMessageFormat from 'intl-messageformat'
+import type { CompileError, MessageCompiler, MessageContext } from 'vue-i18n'
+
+import enUSMessages from './locales/en-US/index.json'
+
+type CrowdinMessages = Record<string, { message: string } | string>
+
+function transformCrowdinMessages(messages: CrowdinMessages): Record<string, string> {
+	const result: Record<string, string> = {}
+	for (const [key, value] of Object.entries(messages)) {
+		if (typeof value === 'string') {
+			result[key] = value
+		} else if (typeof value === 'object' && value !== null && 'message' in value) {
+			result[key] = value.message
+		}
+	}
+	return result
+}
+
+const messageCompiler: MessageCompiler = (msg, { locale, key, onError }) => {
+	let messageString: string
+
+	if (typeof msg === 'string') {
+		messageString = msg
+	} else if (typeof msg === 'object' && msg !== null && 'message' in msg) {
+		messageString = (msg as { message: string }).message
+	} else {
+		onError?.(new Error('Invalid message format') as CompileError)
+		return () => key
+	}
+
+	try {
+		const formatter = new IntlMessageFormat(messageString, locale)
+		return (ctx: MessageContext) => {
+			try {
+				return formatter.format(ctx.values as Record<string, unknown>) as string
+			} catch {
+				return messageString
+			}
+		}
+	} catch (e) {
+		onError?.(e as CompileError)
+		return () => key
+	}
+}
+
+export default defineI18nConfig(() => ({
+	legacy: false,
+	locale: 'en-US',
+	fallbackLocale: 'en-US',
+	messageCompiler,
+	missingWarn: false,
+	fallbackWarn: false,
+	messages: {
+		'en-US': transformCrowdinMessages(enUSMessages as CrowdinMessages),
+	},
+}))
+
+export { transformCrowdinMessages }
diff --git a/apps/frontend/src/layouts/default.vue b/apps/frontend/src/layouts/default.vue
index e5d1fe387a..fa7dd92ecf 100644
--- a/apps/frontend/src/layouts/default.vue
+++ b/apps/frontend/src/layouts/default.vue
@@ -968,7 +968,6 @@ import {
 	PagewideBanner,
 } from '@modrinth/ui'
 import { isAdmin, isStaff, UserBadge } from '@modrinth/utils'
-import { IntlFormatted } from '@vintl/vintl/components'
 
 import TextLogo from '~/components/brand/TextLogo.vue'
 import BatchCreditModal from '~/components/ui/admin/BatchCreditModal.vue'
@@ -976,6 +975,7 @@ import CollectionCreateModal from '~/components/ui/create/CollectionCreateModal.
 import OrganizationCreateModal from '~/components/ui/create/OrganizationCreateModal.vue'
 import ProjectCreateModal from '~/components/ui/create/ProjectCreateModal.vue'
 import CreatorTaxFormModal from '~/components/ui/dashboard/CreatorTaxFormModal.vue'
+import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 import TeleportOverflowMenu from '~/components/ui/servers/TeleportOverflowMenu.vue'
 import { errors as generatedStateErrors } from '~/generated/state.json'
 import { getProjectTypeMessage } from '~/utils/i18n-project-type.ts'
diff --git a/apps/frontend/src/pages/[type]/[id].vue b/apps/frontend/src/pages/[type]/[id].vue
index ebda1791f4..7c0b0aee17 100644
--- a/apps/frontend/src/pages/[type]/[id].vue
+++ b/apps/frontend/src/pages/[type]/[id].vue
@@ -988,7 +988,6 @@ import {
 } from '@modrinth/ui'
 import VersionSummary from '@modrinth/ui/src/components/version/VersionSummary.vue'
 import { formatCategory, formatPrice, formatProjectType, renderString } from '@modrinth/utils'
-import { IntlFormatted } from '@vintl/vintl/components'
 import { useLocalStorage } from '@vueuse/core'
 import dayjs from 'dayjs'
 import { Tooltip } from 'floating-vue'
@@ -998,6 +997,7 @@ import Accordion from '~/components/ui/Accordion.vue'
 import AdPlaceholder from '~/components/ui/AdPlaceholder.vue'
 import AutomaticAccordion from '~/components/ui/AutomaticAccordion.vue'
 import CollectionCreateModal from '~/components/ui/create/CollectionCreateModal.vue'
+import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 import MessageBanner from '~/components/ui/MessageBanner.vue'
 import ModerationChecklist from '~/components/ui/moderation/checklist/ModerationChecklist.vue'
 import NavTabs from '~/components/ui/NavTabs.vue'
diff --git a/apps/frontend/src/pages/[type]/[id]/settings.vue b/apps/frontend/src/pages/[type]/[id]/settings.vue
index ec85ee9184..2c56dbbc72 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings.vue
@@ -16,12 +16,12 @@ import {
 	injectNotificationManager,
 } from '@modrinth/ui'
 import type { Project, ProjectV3Partial } from '@modrinth/utils'
-import { useVIntl } from '@vintl/vintl'
 import { useLocalStorage, useScroll } from '@vueuse/core'
 import { computed } from 'vue'
 
 import ModerationProjectNags from '~/components/ui/moderation/ModerationProjectNags.vue'
 import NavStack from '~/components/ui/NavStack.vue'
+import { useVIntl } from '~/utils/i18n-vintl'
 
 const { formatMessage } = useVIntl()
 
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/environment.vue b/apps/frontend/src/pages/[type]/[id]/settings/environment.vue
index 8a43a07776..b81c8c654e 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/environment.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/environment.vue
@@ -10,7 +10,8 @@ import {
 	UnsavedChangesPopup,
 	useSavable,
 } from '@modrinth/ui'
-import { defineMessages, useVIntl } from '@vintl/vintl'
+
+import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const { formatMessage } = useVIntl()
 
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/general.vue b/apps/frontend/src/pages/[type]/[id]/settings/general.vue
index 9ac98e4956..e6193549ce 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/general.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/general.vue
@@ -8,7 +8,8 @@ import {
 	UnsavedChangesPopup,
 	useSavable,
 } from '@modrinth/ui'
-import { defineMessages, type MessageDescriptor, useVIntl } from '@vintl/vintl'
+
+import { defineMessages, type MessageDescriptor, useVIntl } from '~/utils/i18n-vintl'
 
 const { formatMessage } = useVIntl()
 
diff --git a/apps/frontend/src/pages/admin/servers/notices.vue b/apps/frontend/src/pages/admin/servers/notices.vue
index b67ff318a8..8d847980a7 100644
--- a/apps/frontend/src/pages/admin/servers/notices.vue
+++ b/apps/frontend/src/pages/admin/servers/notices.vue
@@ -276,12 +276,12 @@ import {
 } from '@modrinth/ui'
 import { NOTICE_LEVELS } from '@modrinth/ui/src/utils/notices.ts'
 import type { ServerNotice as ServerNoticeType } from '@modrinth/utils'
-import { useVIntl } from '@vintl/vintl'
 import dayjs from 'dayjs'
 import { computed } from 'vue'
 
 import AssignNoticeModal from '~/components/ui/servers/notice/AssignNoticeModal.vue'
 import { useServersFetch } from '~/composables/servers/servers-fetch.ts'
+import { useVIntl } from '~/utils/i18n-vintl'
 
 const { addNotification } = injectNotificationManager()
 const { formatMessage } = useVIntl()
diff --git a/apps/frontend/src/pages/app.vue b/apps/frontend/src/pages/app.vue
index 5283444b65..13cb1d0ef6 100644
--- a/apps/frontend/src/pages/app.vue
+++ b/apps/frontend/src/pages/app.vue
@@ -9,15 +9,15 @@ import {
 	TrashIcon,
 } from '@modrinth/assets'
 import { Avatar, Badge, Checkbox, commonMessages } from '@modrinth/ui'
-import { defineMessages, useVIntl } from '@vintl/vintl'
-import { IntlFormatted } from '@vintl/vintl/components'
 
 import ATLauncher from '~/assets/images/external/atlauncher.svg?component'
 import CurseForge from '~/assets/images/external/curseforge.svg?component'
 import PrismIcon from '~/assets/images/external/prism.svg?component'
 import LogoAnimated from '~/components/brand/LogoAnimated.vue'
+import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 import LatestNewsRow from '~/components/ui/news/LatestNewsRow.vue'
 import { homePageProjects } from '~/generated/state.json'
+import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 interface LauncherPlatform {
 	install_urls: string[]
diff --git a/apps/frontend/src/pages/auth/authorize.vue b/apps/frontend/src/pages/auth/authorize.vue
index 1282041367..f165f57adf 100644
--- a/apps/frontend/src/pages/auth/authorize.vue
+++ b/apps/frontend/src/pages/auth/authorize.vue
@@ -88,11 +88,11 @@ import {
 	injectNotificationManager,
 	normalizeChildren,
 } from '@modrinth/ui'
-import { IntlFormatted } from '@vintl/vintl/components'
 
 import { useAuth } from '@/composables/auth.js'
 import { useScopes } from '@/composables/auth/scopes.ts'
 import { useBaseFetch } from '@/composables/fetch.js'
+import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 
 const { addNotification } = injectNotificationManager()
 const { formatMessage } = useVIntl()
diff --git a/apps/frontend/src/pages/auth/sign-in.vue b/apps/frontend/src/pages/auth/sign-in.vue
index a7e509263e..d66f71c86c 100644
--- a/apps/frontend/src/pages/auth/sign-in.vue
+++ b/apps/frontend/src/pages/auth/sign-in.vue
@@ -141,10 +141,10 @@ import {
 	SteamColorIcon,
 } from '@modrinth/assets'
 import { commonMessages, injectNotificationManager } from '@modrinth/ui'
-import { IntlFormatted } from '@vintl/vintl/components'
 
 import HCaptcha from '@/components/ui/HCaptcha.vue'
 import { getAuthUrl, getLauncherRedirectUrl } from '@/composables/auth.js'
+import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 
 const { addNotification } = injectNotificationManager()
 const { formatMessage } = useVIntl()
diff --git a/apps/frontend/src/pages/auth/sign-up.vue b/apps/frontend/src/pages/auth/sign-up.vue
index a0458043ee..19ba7b24ad 100644
--- a/apps/frontend/src/pages/auth/sign-up.vue
+++ b/apps/frontend/src/pages/auth/sign-up.vue
@@ -146,10 +146,10 @@ import {
 	UserIcon,
 } from '@modrinth/assets'
 import { Checkbox, commonMessages, injectNotificationManager } from '@modrinth/ui'
-import { IntlFormatted } from '@vintl/vintl/components'
 
 import HCaptcha from '@/components/ui/HCaptcha.vue'
 import { getAuthUrl } from '@/composables/auth.js'
+import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 
 const { addNotification } = injectNotificationManager()
 const { formatMessage } = useVIntl()
diff --git a/apps/frontend/src/pages/auth/welcome.vue b/apps/frontend/src/pages/auth/welcome.vue
index e5ffb061d2..b4617ca8c0 100644
--- a/apps/frontend/src/pages/auth/welcome.vue
+++ b/apps/frontend/src/pages/auth/welcome.vue
@@ -50,7 +50,8 @@
 <script setup>
 import { RightArrowIcon, WavingRinthbot } from '@modrinth/assets'
 import { Checkbox, commonMessages, normalizeChildren } from '@modrinth/ui'
-import { IntlFormatted } from '@vintl/vintl/components'
+
+import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 
 const route = useRoute()
 
diff --git a/apps/frontend/src/pages/collection/[id].vue b/apps/frontend/src/pages/collection/[id].vue
index 7bbe7ceb3d..53c85b3981 100644
--- a/apps/frontend/src/pages/collection/[id].vue
+++ b/apps/frontend/src/pages/collection/[id].vue
@@ -395,13 +395,13 @@ import {
 	useSavable,
 } from '@modrinth/ui'
 import { isAdmin } from '@modrinth/utils'
-import { defineMessages, useVIntl } from '@vintl/vintl'
-import { IntlFormatted } from '@vintl/vintl/components'
 import dayjs from 'dayjs'
 
 import AdPlaceholder from '~/components/ui/AdPlaceholder.vue'
+import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 import NavTabs from '~/components/ui/NavTabs.vue'
 import ProjectCard from '~/components/ui/ProjectCard.vue'
+import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const { handleError } = injectNotificationManager()
 const api = injectModrinthClient()
diff --git a/apps/frontend/src/pages/dashboard/affiliate-links.vue b/apps/frontend/src/pages/dashboard/affiliate-links.vue
index b53ae3b59a..468220d059 100644
--- a/apps/frontend/src/pages/dashboard/affiliate-links.vue
+++ b/apps/frontend/src/pages/dashboard/affiliate-links.vue
@@ -74,7 +74,8 @@ import {
 	injectNotificationManager,
 } from '@modrinth/ui'
 import type { AffiliateLink } from '@modrinth/utils'
-import { useVIntl } from '@vintl/vintl'
+
+import { useVIntl } from '~/utils/i18n-vintl'
 
 const createModal = useTemplateRef<typeof AffiliateLinkCreateModal>('createModal')
 const revokeModal = useTemplateRef<typeof ConfirmModal>('revokeModal')
diff --git a/apps/frontend/src/pages/dashboard/revenue/index.vue b/apps/frontend/src/pages/dashboard/revenue/index.vue
index 98bbdcb65b..627ecd8d24 100644
--- a/apps/frontend/src/pages/dashboard/revenue/index.vue
+++ b/apps/frontend/src/pages/dashboard/revenue/index.vue
@@ -261,7 +261,6 @@
 <script setup lang="ts">
 import { ArrowUpRightIcon, InProgressIcon, UnknownIcon } from '@modrinth/assets'
 import { formatMoney } from '@modrinth/utils'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import dayjs from 'dayjs'
 import { Tooltip } from 'floating-vue'
 
@@ -269,6 +268,7 @@ import { useUserCountry } from '@/composables/country.ts'
 import type { PayoutMethod } from '@/providers/creator-withdraw.ts'
 import CreatorWithdrawModal from '~/components/ui/dashboard/CreatorWithdrawModal.vue'
 import RevenueTransaction from '~/components/ui/dashboard/RevenueTransaction.vue'
+import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const { formatMessage } = useVIntl()
 
diff --git a/apps/frontend/src/pages/dashboard/revenue/transfers.vue b/apps/frontend/src/pages/dashboard/revenue/transfers.vue
index 40acc4648e..a9c080d50d 100644
--- a/apps/frontend/src/pages/dashboard/revenue/transfers.vue
+++ b/apps/frontend/src/pages/dashboard/revenue/transfers.vue
@@ -92,10 +92,10 @@ import {
 } from '@modrinth/assets'
 import { ButtonStyled, Combobox } from '@modrinth/ui'
 import { formatMoney } from '@modrinth/utils'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import dayjs from 'dayjs'
 
 import RevenueTransaction from '~/components/ui/dashboard/RevenueTransaction.vue'
+import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const { formatMessage } = useVIntl()
 
diff --git a/apps/frontend/src/pages/discover.vue b/apps/frontend/src/pages/discover.vue
index 3df3ffe9e1..b42d960576 100644
--- a/apps/frontend/src/pages/discover.vue
+++ b/apps/frontend/src/pages/discover.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { commonProjectTypeCategoryMessages } from '@modrinth/ui'
-import { useVIntl } from '@vintl/vintl'
 
 import NavTabs from '~/components/ui/NavTabs.vue'
+import { useVIntl } from '~/utils/i18n-vintl'
 const { formatMessage } = useVIntl()
 
 const flags = useFeatureFlags()
diff --git a/apps/frontend/src/pages/hosting/index.vue b/apps/frontend/src/pages/hosting/index.vue
index 1a1d014126..52c67167b0 100644
--- a/apps/frontend/src/pages/hosting/index.vue
+++ b/apps/frontend/src/pages/hosting/index.vue
@@ -654,7 +654,6 @@ import {
 } from '@modrinth/ui'
 import { monthsInInterval } from '@modrinth/ui/src/utils/billing.ts'
 import { formatPrice } from '@modrinth/utils'
-import { useVIntl } from '@vintl/vintl'
 import { computed } from 'vue'
 
 import { useBaseFetch } from '@/composables/fetch.js'
@@ -664,6 +663,7 @@ import MedalPlanPromotion from '~/components/ui/servers/marketing/MedalPlanPromo
 import ServerPlanSelector from '~/components/ui/servers/marketing/ServerPlanSelector.vue'
 import { useServersFetch } from '~/composables/servers/servers-fetch.ts'
 import { products } from '~/generated/state.json'
+import { useVIntl } from '~/utils/i18n-vintl'
 
 const route = useRoute()
 const router = useRouter()
diff --git a/apps/frontend/src/pages/hosting/manage/[id].vue b/apps/frontend/src/pages/hosting/manage/[id].vue
index caa8bc1d4e..8dff157a95 100644
--- a/apps/frontend/src/pages/hosting/manage/[id].vue
+++ b/apps/frontend/src/pages/hosting/manage/[id].vue
@@ -397,7 +397,6 @@ import {
 } from '@modrinth/ui'
 import type { PowerAction, Stats } from '@modrinth/utils'
 import { useQuery, useQueryClient } from '@tanstack/vue-query'
-import type { MessageDescriptor } from '@vintl/vintl'
 import DOMPurify from 'dompurify'
 import { computed, onMounted, onUnmounted, type Reactive, reactive, ref } from 'vue'
 
@@ -413,6 +412,7 @@ import type { ModrinthServer } from '~/composables/servers/modrinth-servers.ts'
 import { useModrinthServers } from '~/composables/servers/modrinth-servers.ts'
 import { useServersFetch } from '~/composables/servers/servers-fetch.ts'
 import { useModrinthServersConsole } from '~/store/console.ts'
+import type { MessageDescriptor } from '~/utils/i18n-vintl'
 
 const { addNotification } = injectNotificationManager()
 const client = injectModrinthClient()
diff --git a/apps/frontend/src/pages/index.vue b/apps/frontend/src/pages/index.vue
index 2a2078c04d..db8d0f2454 100644
--- a/apps/frontend/src/pages/index.vue
+++ b/apps/frontend/src/pages/index.vue
@@ -440,16 +440,16 @@ import {
 	SearchIcon,
 } from '@modrinth/assets'
 import { Avatar, ButtonStyled, commonMessages, useRelativeTime } from '@modrinth/ui'
-import { defineMessages, useVIntl } from '@vintl/vintl'
-import { IntlFormatted } from '@vintl/vintl/components'
 import { ref } from 'vue'
 import { Multiselect } from 'vue-multiselect'
 
 import ATLauncherLogo from '~/assets/images/external/atlauncher.svg?component'
 import PrismLauncherLogo from '~/assets/images/external/prism.svg?component'
+import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 import LatestNewsRow from '~/components/ui/news/LatestNewsRow.vue'
 import ProjectCard from '~/components/ui/ProjectCard.vue'
 import { homePageNotifs, homePageProjects, homePageSearch } from '~/generated/state.json'
+import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const formatRelativeTime = useRelativeTime()
 
diff --git a/apps/frontend/src/pages/moderation.vue b/apps/frontend/src/pages/moderation.vue
index f0bccdfe2a..d5c0bcd809 100644
--- a/apps/frontend/src/pages/moderation.vue
+++ b/apps/frontend/src/pages/moderation.vue
@@ -19,9 +19,9 @@
 <script setup lang="ts">
 import { FolderIcon, ReportIcon, ShieldCheckIcon } from '@modrinth/assets'
 import { Chips } from '@modrinth/ui'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 
 import NavTabs from '@/components/ui/NavTabs.vue'
+import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 definePageMeta({
 	middleware: 'auth',
diff --git a/apps/frontend/src/pages/moderation/index.vue b/apps/frontend/src/pages/moderation/index.vue
index b64f9a0709..e09d8a18c5 100644
--- a/apps/frontend/src/pages/moderation/index.vue
+++ b/apps/frontend/src/pages/moderation/index.vue
@@ -106,13 +106,13 @@ import {
 	XIcon,
 } from '@modrinth/assets'
 import { Button, ButtonStyled, Combobox, type ComboboxOption, Pagination } from '@modrinth/ui'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import Fuse from 'fuse.js'
 import ConfettiExplosion from 'vue-confetti-explosion'
 
 import ModerationQueueCard from '~/components/ui/moderation/ModerationQueueCard.vue'
 import { enrichProjectBatch, type ModerationProject } from '~/helpers/moderation.ts'
 import { useModerationStore } from '~/store/moderation.ts'
+import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const { formatMessage } = useVIntl()
 const moderationStore = useModerationStore()
diff --git a/apps/frontend/src/pages/moderation/reports/index.vue b/apps/frontend/src/pages/moderation/reports/index.vue
index d7a848330e..47eb63d7e5 100644
--- a/apps/frontend/src/pages/moderation/reports/index.vue
+++ b/apps/frontend/src/pages/moderation/reports/index.vue
@@ -80,11 +80,11 @@ import { ListFilterIcon, SearchIcon, SortAscIcon, SortDescIcon, XIcon } from '@m
 import type { ExtendedReport } from '@modrinth/moderation'
 import { Button, Combobox, type ComboboxOption, Pagination } from '@modrinth/ui'
 import type { Report } from '@modrinth/utils'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import Fuse from 'fuse.js'
 
 import ReportCard from '~/components/ui/moderation/ModerationReportCard.vue'
 import { enrichReportBatch } from '~/helpers/moderation.ts'
+import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const { formatMessage } = useVIntl()
 const route = useRoute()
diff --git a/apps/frontend/src/pages/moderation/technical-review.vue b/apps/frontend/src/pages/moderation/technical-review.vue
index b1ff7150b2..434df0709a 100644
--- a/apps/frontend/src/pages/moderation/technical-review.vue
+++ b/apps/frontend/src/pages/moderation/technical-review.vue
@@ -9,13 +9,13 @@ import {
 	Pagination,
 } from '@modrinth/ui'
 import { useInfiniteQuery, useQueryClient } from '@tanstack/vue-query'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import Fuse from 'fuse.js'
 
 import MaliciousSummaryModal, {
 	type UnsafeFile,
 } from '~/components/ui/moderation/MaliciousSummaryModal.vue'
 import ModerationTechRevCard from '~/components/ui/moderation/ModerationTechRevCard.vue'
+import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const client = injectModrinthClient()
 const queryClient = useQueryClient()
diff --git a/apps/frontend/src/pages/report.vue b/apps/frontend/src/pages/report.vue
index 6ccc05e196..5b061f3d22 100644
--- a/apps/frontend/src/pages/report.vue
+++ b/apps/frontend/src/pages/report.vue
@@ -291,10 +291,10 @@ import {
 	RadioButtons,
 } from '@modrinth/ui'
 import type { Project, Report, User, Version } from '@modrinth/utils'
-import { defineMessages, type MessageDescriptor, useVIntl } from '@vintl/vintl'
-import { IntlFormatted } from '@vintl/vintl/components'
 
+import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 import { useImageUpload } from '~/composables/image-upload.ts'
+import { defineMessages, type MessageDescriptor, useVIntl } from '~/utils/i18n-vintl'
 
 const { addNotification } = injectNotificationManager()
 
diff --git a/apps/frontend/src/pages/settings/index.vue b/apps/frontend/src/pages/settings/index.vue
index c39719de54..9106a7a310 100644
--- a/apps/frontend/src/pages/settings/index.vue
+++ b/apps/frontend/src/pages/settings/index.vue
@@ -207,12 +207,12 @@
 import { CodeIcon, RadioButtonCheckedIcon, RadioButtonIcon } from '@modrinth/assets'
 import { Button, injectNotificationManager, normalizeChildren, ThemeSelector } from '@modrinth/ui'
 import { formatProjectType } from '@modrinth/utils'
-import { defineMessages, useVIntl } from '@vintl/vintl'
-import { IntlFormatted } from '@vintl/vintl/components'
 
+import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 import MessageBanner from '~/components/ui/MessageBanner.vue'
 import type { DisplayLocation } from '~/plugins/cosmetics'
 import { isDarkTheme, type Theme } from '~/plugins/theme/index.ts'
+import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 useHead({
 	title: 'Display settings - Modrinth',
diff --git a/apps/frontend/src/pages/settings/language.vue b/apps/frontend/src/pages/settings/language.vue
index 3378e3c8a8..07e6bde20f 100644
--- a/apps/frontend/src/pages/settings/language.vue
+++ b/apps/frontend/src/pages/settings/language.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { IssuesIcon, RadioButtonCheckedIcon, RadioButtonIcon } from '@modrinth/assets'
+import { RadioButtonCheckedIcon, RadioButtonIcon } from '@modrinth/assets'
 import { Admonition, commonSettingsMessages } from '@modrinth/ui'
-import { IntlFormatted } from '@vintl/vintl/components'
 import Fuse from 'fuse.js/dist/fuse.basic'
 
+import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 import { isModifierKeyDown } from '~/helpers/events.ts'
 
-const vintl = useVIntl()
-const { formatMessage } = vintl
+const { formatMessage } = useVIntl()
+const { locale, setLocale, locales } = useI18n()
 
 const messages = defineMessages({
 	languagesDescription: {
@@ -23,10 +23,6 @@ const messages = defineMessages({
 		id: 'settings.language.languages.search.no-results',
 		defaultMessage: 'No languages match your search.',
 	},
-	searchFieldDescription: {
-		id: 'settings.language.languages.search-field.description',
-		defaultMessage: 'Submit to focus the first search result',
-	},
 	searchFieldPlaceholder: {
 		id: 'settings.language.languages.search-field.placeholder',
 		defaultMessage: 'Search for a language...',
@@ -36,18 +32,6 @@ const messages = defineMessages({
 		defaultMessage:
 			'{matches, plural, =0 {No languages match} one {# language matches} other {# languages match}} your search.',
 	},
-	loadFailed: {
-		id: 'settings.language.languages.load-failed',
-		defaultMessage: 'Cannot load this language. Try again in a bit.',
-	},
-	languageLabelApplying: {
-		id: 'settings.language.languages.language-label-applying',
-		defaultMessage: '{label}. Applying...',
-	},
-	languageLabelError: {
-		id: 'settings.language.languages.language-label-error',
-		defaultMessage: '{label}. Error',
-	},
 	languageWarning: {
 		id: 'settings.language.warning',
 		defaultMessage:
@@ -56,22 +40,10 @@ const messages = defineMessages({
 })
 
 const categoryNames = defineMessages({
-	auto: {
-		id: 'settings.language.categories.auto',
-		defaultMessage: 'Automatic',
-	},
 	default: {
 		id: 'settings.language.categories.default',
 		defaultMessage: 'Standard languages',
 	},
-	fun: {
-		id: 'settings.language.categories.fun',
-		defaultMessage: 'Fun languages',
-	},
-	experimental: {
-		id: 'settings.language.categories.experimental',
-		defaultMessage: 'Experimental languages',
-	},
 	searchResult: {
 		id: 'settings.language.categories.search-result',
 		defaultMessage: 'Search results',
@@ -80,97 +52,46 @@ const categoryNames = defineMessages({
 
 type Category = keyof typeof categoryNames
 
-const categoryOrder: Category[] = ['auto', 'default', 'fun', 'experimental']
-
-function normalizeCategoryName(name?: string): keyof typeof categoryNames {
-	switch (name) {
-		case 'auto':
-		case 'fun':
-		case 'experimental':
-			return name
-		default:
-			return 'default'
-	}
-}
-
-type LocaleBase = {
+type LocaleInfo = {
 	category: Category
 	tag: string
-	searchTerms?: string[]
-}
-
-type AutomaticLocale = LocaleBase & {
-	auto: true
-}
-
-type CommonLocale = LocaleBase & {
-	auto?: never
 	displayName: string
-	defaultName: string
-	translatedName: string
+	nativeName: string
+	searchTerms?: string[]
 }
 
-type Locale = AutomaticLocale | CommonLocale
-
-const $defaultNames = useDisplayNames(() => vintl.defaultLocale)
-
-const $translatedNames = useDisplayNames(() => vintl.locale)
+const displayNames = new Intl.DisplayNames(['en'], { type: 'language' })
 
 const $locales = computed(() => {
-	const locales: Locale[] = []
-
-	locales.push({
-		auto: true,
-		tag: 'auto',
-		category: 'auto',
-		searchTerms: [
-			'automatic',
-			'Sync with the system language',
-			formatMessage(messages.automaticLocale),
-		],
-	})
-
-	for (const locale of vintl.availableLocales) {
-		let displayName = locale.meta?.displayName
-
-		if (displayName == null) {
-			displayName = createDisplayNames(locale.tag).of(locale.tag) ?? locale.tag
-		}
+	const result: LocaleInfo[] = []
 
-		let defaultName = vintl.defaultResources['languages.json']?.[locale.tag]
+	const localeList = Array.isArray(locales.value) ? locales.value : Object.keys(locales.value)
 
-		if (defaultName == null) {
-			defaultName = $defaultNames.value.of(locale.tag) ?? locale.tag
-		}
+	for (const loc of localeList) {
+		const tag = typeof loc === 'string' ? loc : loc.code
+		const name = typeof loc === 'object' && loc.name ? loc.name : (displayNames.of(tag) ?? tag)
 
-		let translatedName = vintl.resources['languages.json']?.[locale.tag]
+		const nativeDisplayNames = new Intl.DisplayNames([tag], { type: 'language' })
+		const nativeName = nativeDisplayNames.of(tag) ?? tag
 
-		if (translatedName == null) {
-			translatedName = $translatedNames.value.of(locale.tag) ?? locale.tag
-		}
-
-		let searchTerms = locale.meta?.searchTerms
-		if (searchTerms === '-') searchTerms = undefined
-
-		locales.push({
-			tag: locale.tag,
-			category: normalizeCategoryName(locale.meta?.category),
-			displayName,
-			defaultName,
-			translatedName,
-			searchTerms: searchTerms?.split('\n'),
+		result.push({
+			tag,
+			category: 'default',
+			displayName: name,
+			nativeName,
+			searchTerms: [tag, name, nativeName],
 		})
 	}
 
-	return locales
+	return result
 })
 
 const $query = ref('')
 
 const isQueryEmpty = () => $query.value.trim().length === 0
 
-const fuse = new Fuse<Locale>([], {
-	keys: ['tag', 'displayName', 'translatedName', 'englishName', 'searchTerms'],
+const fuse = new Fuse<LocaleInfo>([], {
+	keys: ['tag', 'displayName', 'nativeName', 'searchTerms'],
 	threshold: 0.4,
 	distance: 100,
 })
@@ -178,32 +99,13 @@ const fuse = new Fuse<Locale>([], {
 watchSyncEffect(() => fuse.setCollection($locales.value))
 
 const $categories = computed(() => {
-	const categories = new Map<Category, Locale[]>()
-
-	for (const category of categoryOrder) categories.set(category, [])
-
-	for (const locale of $locales.value) {
-		let categoryLocales = categories.get(locale.category)
-
-		if (categoryLocales == null) {
-			categoryLocales = []
-			categories.set(locale.category, categoryLocales)
-		}
-
-		categoryLocales.push(locale)
-	}
-
-	for (const categoryKey of [...categories.keys()]) {
-		if (categories.get(categoryKey)?.length === 0) {
-			categories.delete(categoryKey)
-		}
-	}
-
+	const categories = new Map<Category, LocaleInfo[]>()
+	categories.set('default', $locales.value)
 	return categories
 })
 
 const $searchResults = computed(() => {
-	return new Map<Category, Locale[]>([
+	return new Map<Category, LocaleInfo[]>([
 		['searchResult', isQueryEmpty() ? [] : fuse.search($query.value).map(({ item }) => item)],
 	])
 })
@@ -216,11 +118,9 @@ const $changingTo = ref<string | undefined>()
 
 const isChanging = () => $changingTo.value != null
 
-const $failedLocale = ref<string>()
-
 const $activeLocale = computed(() => {
 	if ($changingTo.value != null) return $changingTo.value
-	return vintl.automatic ? 'auto' : vintl.locale
+	return locale.value
 })
 
 async function changeLocale(value: string) {
@@ -229,10 +129,7 @@ async function changeLocale(value: string) {
 	$changingTo.value = value
 
 	try {
-		await vintl.changeLocale(value)
-		$failedLocale.value = undefined
-	} catch {
-		$failedLocale.value = value
+		await setLocale(value)
 	} finally {
 		$changingTo.value = undefined
 	}
@@ -250,7 +147,7 @@ function onSearchKeydown(e: KeyboardEvent) {
 	focusableTarget?.focus()
 }
 
-function onItemKeydown(e: KeyboardEvent, locale: Locale) {
+function onItemKeydown(e: KeyboardEvent, loc: LocaleInfo) {
 	switch (e.key) {
 		case 'Enter':
 		case ' ':
@@ -261,29 +158,17 @@ function onItemKeydown(e: KeyboardEvent, locale: Locale) {
 
 	if (isModifierKeyDown(e) || isChanging()) return
 
-	changeLocale(locale.tag)
+	changeLocale(loc.tag)
 }
 
-function onItemClick(e: MouseEvent, locale: Locale) {
+function onItemClick(e: MouseEvent, loc: LocaleInfo) {
 	if (isModifierKeyDown(e) || isChanging()) return
 
-	changeLocale(locale.tag)
+	changeLocale(loc.tag)
 }
 
-function getItemLabel(locale: Locale) {
-	const label = locale.auto
-		? formatMessage(messages.automaticLocale)
-		: `${locale.translatedName}. ${locale.displayName}`
-
-	if ($changingTo.value === locale.tag) {
-		return formatMessage(messages.languageLabelApplying, { label })
-	}
-
-	if ($failedLocale.value === locale.tag) {
-		return formatMessage(messages.languageLabelError, { label })
-	}
-
-	return label
+function getItemLabel(loc: LocaleInfo) {
+	return `${loc.nativeName}. ${loc.displayName}`
 }
 </script>
 
@@ -298,7 +183,7 @@ function getItemLabel(locale: Locale) {
 
 			<div class="card-description mt-4">
 				<IntlFormatted :message-id="messages.languagesDescription">
-					<template #crowdin-link="{ children }">
+					<template #~crowdin-link="{ children }">
 						<a href="https://translate.modrinth.com">
 							<component :is="() => children" />
 						</a>
@@ -306,7 +191,7 @@ function getItemLabel(locale: Locale) {
 				</IntlFormatted>
 			</div>
 
-			<div class="search-container">
+			<div v-if="$locales.length > 1" class="search-container">
 				<input
 					id="language-search"
 					v-model="$query"
@@ -314,15 +199,10 @@ function getItemLabel(locale: Locale) {
 					type="search"
 					:placeholder="formatMessage(messages.searchFieldPlaceholder)"
 					class="language-search"
-					aria-describedby="language-search-description"
 					:disabled="isChanging()"
 					@keydown="onSearchKeydown"
 				/>
 
-				<div id="language-search-description" class="visually-hidden">
-					{{ formatMessage(messages.searchFieldDescription) }}
-				</div>
-
 				<div id="language-search-results-announcements" class="visually-hidden" aria-live="polite">
 					{{
 						isQueryEmpty()
@@ -335,59 +215,46 @@ function getItemLabel(locale: Locale) {
 			</div>
 
 			<div ref="$languagesList" class="languages-list">
-				<template v-for="[category, locales] in $displayCategories" :key="category">
+				<template v-for="[category, categoryLocales] in $displayCategories" :key="category">
 					<strong class="category-name">
 						{{ formatMessage(categoryNames[category]) }}
 					</strong>
 
 					<div
-						v-if="category === 'searchResult' && locales.length === 0"
+						v-if="category === 'searchResult' && categoryLocales.length === 0"
 						class="no-results"
 						tabindex="0"
 					>
 						{{ formatMessage(messages.noResults) }}
 					</div>
 
-					<template v-for="locale in locales" :key="locale.tag">
+					<template v-for="loc in categoryLocales" :key="loc.tag">
 						<div
 							role="button"
-							:aria-pressed="$activeLocale === locale.tag"
+							:aria-pressed="$activeLocale === loc.tag"
 							:class="{
 								'language-item': true,
-								pending: $changingTo == locale.tag,
-								errored: $failedLocale == locale.tag,
+								pending: $changingTo === loc.tag,
 							}"
-							:aria-describedby="
-								$failedLocale == locale.tag ? `language__${locale.tag}__fail` : undefined
-							"
-							:aria-disabled="isChanging() && $changingTo !== locale.tag"
+							:aria-disabled="isChanging() && $changingTo !== loc.tag"
 							:tabindex="0"
-							:aria-label="getItemLabel(locale)"
-							@click="(e) => onItemClick(e, locale)"
-							@keydown="(e) => onItemKeydown(e, locale)"
+							:aria-label="getItemLabel(loc)"
+							@click="(e) => onItemClick(e, loc)"
+							@keydown="(e) => onItemKeydown(e, loc)"
 						>
-							<RadioButtonCheckedIcon v-if="$activeLocale === locale.tag" class="radio" />
+							<RadioButtonCheckedIcon v-if="$activeLocale === loc.tag" class="radio" />
 							<RadioButtonIcon v-else class="radio" />
 
 							<div class="language-names">
 								<div class="language-name">
-									{{ locale.auto ? formatMessage(messages.automaticLocale) : locale.displayName }}
+									{{ loc.displayName }}
 								</div>
 
-								<div v-if="!locale.auto" class="language-translated-name">
-									{{ locale.translatedName }}
+								<div class="language-translated-name">
+									{{ loc.nativeName }}
 								</div>
 							</div>
 						</div>
-
-						<div
-							v-if="$failedLocale === locale.tag"
-							:id="`language__${locale.tag}__fail`"
-							class="language-load-error"
-						>
-							<IssuesIcon />
-							{{ formatMessage(messages.loadFailed) }}
-						</div>
 					</template>
 				</template>
 			</div>
@@ -423,14 +290,6 @@ function getItemLabel(locale: Locale) {
 		outline: 2px solid var(--color-brand);
 	}
 
-	&.errored {
-		border-color: var(--color-red);
-
-		&:hover {
-			border-color: var(--color-red);
-		}
-	}
-
 	&.pending::after {
 		content: '';
 		position: absolute;
@@ -482,15 +341,6 @@ function getItemLabel(locale: Locale) {
 	}
 }
 
-.language-load-error {
-	color: var(--color-red);
-	font-size: var(--font-size-sm);
-	margin-left: 0.3rem;
-	display: flex;
-	align-items: center;
-	gap: 0.3rem;
-}
-
 .radio {
 	width: 24px;
 	height: 24px;
@@ -534,4 +384,9 @@ function getItemLabel(locale: Locale) {
 .category-name {
 	margin-top: var(--spacing-card-md);
 }
+
+.no-results {
+	padding: var(--spacing-card-md);
+	color: var(--color-text-secondary);
+}
 </style>
diff --git a/apps/frontend/src/pages/settings/pats.vue b/apps/frontend/src/pages/settings/pats.vue
index bf55bb70e6..9224dac69a 100644
--- a/apps/frontend/src/pages/settings/pats.vue
+++ b/apps/frontend/src/pages/settings/pats.vue
@@ -212,8 +212,8 @@ import {
 	injectNotificationManager,
 	useRelativeTime,
 } from '@modrinth/ui'
-import { IntlFormatted } from '@vintl/vintl/components'
 
+import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 import Modal from '~/components/ui/Modal.vue'
 import {
 	getScopeValue,
diff --git a/apps/frontend/src/pages/settings/profile.vue b/apps/frontend/src/pages/settings/profile.vue
index 12be87ddba..db407c3150 100644
--- a/apps/frontend/src/pages/settings/profile.vue
+++ b/apps/frontend/src/pages/settings/profile.vue
@@ -92,7 +92,8 @@
 <script setup>
 import { SaveIcon, TrashIcon, UndoIcon, UploadIcon, UserIcon, XIcon } from '@modrinth/assets'
 import { Avatar, Button, commonMessages, FileInput, injectNotificationManager } from '@modrinth/ui'
-import { IntlFormatted } from '@vintl/vintl/components'
+
+import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 
 const { addNotification } = injectNotificationManager()
 const { formatMessage } = useVIntl()
diff --git a/apps/frontend/src/pages/user/[id].vue b/apps/frontend/src/pages/user/[id].vue
index 2a17dbf6f6..7596242a2d 100644
--- a/apps/frontend/src/pages/user/[id].vue
+++ b/apps/frontend/src/pages/user/[id].vue
@@ -489,7 +489,6 @@ import {
 	useRelativeTime,
 } from '@modrinth/ui'
 import { isAdmin, isStaff, UserBadge } from '@modrinth/utils'
-import { IntlFormatted } from '@vintl/vintl/components'
 
 import TenMClubBadge from '~/assets/images/badges/10m-club.svg?component'
 import AlphaTesterBadge from '~/assets/images/badges/alpha-tester.svg?component'
@@ -502,6 +501,7 @@ import UpToDate from '~/assets/images/illustrations/up_to_date.svg?component'
 import AdPlaceholder from '~/components/ui/AdPlaceholder.vue'
 import CollectionCreateModal from '~/components/ui/create/CollectionCreateModal.vue'
 import ModalCreation from '~/components/ui/create/ProjectCreateModal.vue'
+import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 import NavTabs from '~/components/ui/NavTabs.vue'
 import ProjectCard from '~/components/ui/ProjectCard.vue'
 import { reportUser } from '~/utils/report-helpers.ts'
diff --git a/apps/frontend/src/plugins/i18n-bridge.ts b/apps/frontend/src/plugins/i18n-bridge.ts
new file mode 100644
index 0000000000..fba1c35e3a
--- /dev/null
+++ b/apps/frontend/src/plugins/i18n-bridge.ts
@@ -0,0 +1,44 @@
+import type { I18nContext } from '@modrinth/ui/src/utils/i18n'
+import { computed, isRef, ref } from 'vue'
+
+export default defineNuxtPlugin({
+	name: 'i18n-bridge',
+	setup(nuxtApp) {
+		nuxtApp.hook('app:created', (vueApp) => {
+			const i18n = vueApp.config.globalProperties.$i18n
+			if (!i18n) return
+
+			const localeRef = isRef(i18n.locale) ? i18n.locale : ref(i18n.locale ?? 'en-US')
+			const messagesRef = isRef(i18n.messages) ? i18n.messages : ref(i18n.messages ?? {})
+
+			const flatMessages = computed(() => {
+				const locale = localeRef.value
+				const allMessages = messagesRef.value
+				const localeMessages = allMessages[locale] as Record<string, unknown> | undefined
+				if (!localeMessages) return {}
+
+				const result: Record<string, string> = {}
+				for (const [key, value] of Object.entries(localeMessages)) {
+					if (typeof value === 'string') {
+						result[key] = value
+					}
+				}
+				return result
+			})
+
+			const i18nContext: I18nContext = {
+				locale: localeRef,
+				t: (key: string, values?: Record<string, unknown>) => {
+					try {
+						return i18n.t(key, values ?? {})
+					} catch {
+						return key
+					}
+				},
+				messages: flatMessages,
+			}
+
+			vueApp.provide('i18n-context', i18nContext)
+		})
+	},
+})
diff --git a/apps/frontend/src/plugins/locale-loader.ts b/apps/frontend/src/plugins/locale-loader.ts
new file mode 100644
index 0000000000..3b8905d050
--- /dev/null
+++ b/apps/frontend/src/plugins/locale-loader.ts
@@ -0,0 +1,49 @@
+import { transformCrowdinMessages } from '../i18n.config'
+
+type CrowdinMessages = Record<string, { message: string } | string>
+
+const localeModules = import.meta.glob<{ default: CrowdinMessages }>('../locales/*/index.json', {
+	eager: false,
+})
+
+export default defineNuxtPlugin({
+	name: 'locale-loader',
+	async setup(nuxtApp) {
+		const i18n = nuxtApp.$i18n
+
+		async function loadLocaleMessages(locale: string): Promise<void> {
+			if (locale === 'en-US') return
+
+			const path = `../locales/${locale}/index.json`
+			const loader = localeModules[path]
+
+			if (!loader) {
+				console.warn(`Locale file not found for: ${locale}`)
+				return
+			}
+
+			try {
+				const messages = await loader()
+				const transformed = transformCrowdinMessages(messages.default)
+				i18n.setLocaleMessage(locale, transformed)
+			} catch (error) {
+				console.error(`Failed to load locale: ${locale}`, error)
+			}
+		}
+
+		const currentLocale = i18n.locale.value
+		if (currentLocale !== 'en-US') {
+			const messages = i18n.getLocaleMessage(currentLocale)
+			if (!messages || Object.keys(messages).length === 0) {
+				await loadLocaleMessages(currentLocale)
+			}
+		}
+
+		nuxtApp.hook('i18n:beforeLocaleSwitch', async ({ newLocale }) => {
+			const messages = i18n.getLocaleMessage(newLocale)
+			if (!messages || Object.keys(messages).length === 0) {
+				await loadLocaleMessages(newLocale)
+			}
+		})
+	},
+})
diff --git a/apps/frontend/src/providers/creator-withdraw.ts b/apps/frontend/src/providers/creator-withdraw.ts
index 7a9e709357..374b09cbee 100644
--- a/apps/frontend/src/providers/creator-withdraw.ts
+++ b/apps/frontend/src/providers/creator-withdraw.ts
@@ -7,10 +7,10 @@ import {
 	VenmoColorIcon,
 } from '@modrinth/assets'
 import { createContext, getCurrencyIcon, paymentMethodMessages, useDebugLogger } from '@modrinth/ui'
-import type { MessageDescriptor } from '@vintl/vintl'
 import { type Component, computed, type ComputedRef, type Ref, ref } from 'vue'
 
 import { getRailConfig } from '@/utils/muralpay-rails'
+import type { MessageDescriptor } from '~/utils/i18n-vintl'
 
 // Tax form is required when withdrawn_ytd >= $600
 // Therefore, the maximum withdrawal without a tax form is $599.99
diff --git a/apps/frontend/src/types/vintl.d.ts b/apps/frontend/src/types/vintl.d.ts
index 467a8a1739..cdc905c8a1 100644
--- a/apps/frontend/src/types/vintl.d.ts
+++ b/apps/frontend/src/types/vintl.d.ts
@@ -1,21 +1,13 @@
-import '@vintl/vintl'
-
-import type { CompactNumber } from '@vintl/compact-number/dist/index.mjs'
-
 declare global {
-	namespace VueIntlController {
-		interface MessageValueTypes {
-			compactNumber: CompactNumber
-		}
-
-		interface LocaleResources {
-			'languages.json'?: Partial<Record<string, string>>
-		}
+	interface LocaleResources {
+		'languages.json'?: Partial<Record<string, string>>
+	}
 
-		interface LocaleMeta {
-			displayName?: string
-			category?: string
-			searchTerms?: string
-		}
+	interface LocaleMeta {
+		displayName?: string
+		category?: string
+		searchTerms?: string
 	}
 }
+
+export {}
diff --git a/apps/frontend/src/utils/i18n-vintl.ts b/apps/frontend/src/utils/i18n-vintl.ts
new file mode 100644
index 0000000000..9dfc45fd98
--- /dev/null
+++ b/apps/frontend/src/utils/i18n-vintl.ts
@@ -0,0 +1,53 @@
+import IntlMessageFormat from 'intl-messageformat'
+import type { VNode } from 'vue'
+
+export interface MessageDescriptor {
+	id: string
+	defaultMessage?: string
+	description?: string
+}
+
+export type MessageDescriptorMap<K extends string> = Record<K, MessageDescriptor>
+
+export function defineMessage<T extends MessageDescriptor>(descriptor: T): T {
+	return descriptor
+}
+
+export function defineMessages<K extends string, T extends MessageDescriptorMap<K>>(
+	descriptors: T,
+): T {
+	return descriptors
+}
+
+export interface VIntlFormatters {
+	formatMessage(descriptor: MessageDescriptor, values?: Record<string, unknown>): string
+}
+
+export function useVIntl(): VIntlFormatters & { locale: globalThis.Ref<string> } {
+	const { t, locale } = useI18n()
+
+	function formatMessage(descriptor: MessageDescriptor, values?: Record<string, unknown>): string {
+		const key = descriptor.id
+		const translation = t(key, values ?? {}) as string
+
+		if (translation && translation !== key) {
+			return translation
+		}
+
+		const defaultMsg = descriptor.defaultMessage ?? key
+		try {
+			const formatter = new IntlMessageFormat(defaultMsg, locale.value)
+			return formatter.format(values ?? {}) as string
+		} catch {
+			return defaultMsg
+		}
+	}
+
+	return { formatMessage, locale }
+}
+
+export interface IntlFormattedSlotProps {
+	children: () => VNode[]
+}
+
+export type IntlFormattedSlots = Record<string, (props: IntlFormattedSlotProps) => VNode[]>
diff --git a/apps/frontend/src/utils/muralpay-rails.ts b/apps/frontend/src/utils/muralpay-rails.ts
index e7d3edc747..93dfe3e85e 100644
--- a/apps/frontend/src/utils/muralpay-rails.ts
+++ b/apps/frontend/src/utils/muralpay-rails.ts
@@ -1,4 +1,4 @@
-import { defineMessage, type MessageDescriptor } from '@vintl/vintl'
+import { defineMessage, type MessageDescriptor } from '~/utils/i18n-vintl'
 
 export type FieldType = 'text' | 'select' | 'email' | 'tel' | 'date'
 
diff --git a/packages/moderation/package.json b/packages/moderation/package.json
index 7f1d4dfa07..1e1695fdea 100644
--- a/packages/moderation/package.json
+++ b/packages/moderation/package.json
@@ -16,7 +16,7 @@
 	},
 	"devDependencies": {
 		"@formatjs/cli": "^6.2.12",
-		"@vintl/vintl": "^4.4.1",
-		"@modrinth/tooling-config": "workspace:*"
+		"@modrinth/tooling-config": "workspace:*",
+		"@modrinth/ui": "workspace:*"
 	}
 }
diff --git a/packages/moderation/src/data/nags/core.ts b/packages/moderation/src/data/nags/core.ts
index 67e72b6c14..c2bd39aa4b 100644
--- a/packages/moderation/src/data/nags/core.ts
+++ b/packages/moderation/src/data/nags/core.ts
@@ -1,4 +1,4 @@
-import { defineMessage, useVIntl } from '@vintl/vintl'
+import { defineMessage, useVIntl } from '@modrinth/ui/src/utils/i18n'
 
 import type { Nag, NagContext } from '../../types/nags'
 
diff --git a/packages/moderation/src/data/nags/description.ts b/packages/moderation/src/data/nags/description.ts
index 722f5117f2..78c1bb7d8f 100644
--- a/packages/moderation/src/data/nags/description.ts
+++ b/packages/moderation/src/data/nags/description.ts
@@ -1,5 +1,5 @@
+import { defineMessage, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { renderHighlightedString } from '@modrinth/utils'
-import { defineMessage, useVIntl } from '@vintl/vintl'
 
 import type { Nag, NagContext } from '../../types/nags'
 
diff --git a/packages/moderation/src/data/nags/links.ts b/packages/moderation/src/data/nags/links.ts
index 297d5ce109..ea1b2d78ae 100644
--- a/packages/moderation/src/data/nags/links.ts
+++ b/packages/moderation/src/data/nags/links.ts
@@ -1,4 +1,4 @@
-import { defineMessage, useVIntl } from '@vintl/vintl'
+import { defineMessage, useVIntl } from '@modrinth/ui/src/utils/i18n'
 
 import type { Nag, NagContext } from '../../types/nags'
 
diff --git a/packages/moderation/src/data/nags/tags.ts b/packages/moderation/src/data/nags/tags.ts
index a2ad0196c5..f1901a5c97 100644
--- a/packages/moderation/src/data/nags/tags.ts
+++ b/packages/moderation/src/data/nags/tags.ts
@@ -1,5 +1,5 @@
 import type { Labrinth } from '@modrinth/api-client'
-import { defineMessage, useVIntl } from '@vintl/vintl'
+import { defineMessage, useVIntl } from '@modrinth/ui/src/utils/i18n'
 
 import type { Nag, NagContext } from '../../types/nags'
 
diff --git a/packages/moderation/src/types/nags.ts b/packages/moderation/src/types/nags.ts
index 5fb2062978..d768d4e65a 100644
--- a/packages/moderation/src/types/nags.ts
+++ b/packages/moderation/src/types/nags.ts
@@ -1,6 +1,6 @@
 import type { Labrinth } from '@modrinth/api-client'
+import type { MessageDescriptor } from '@modrinth/ui/src/utils/i18n'
 import type { User, Version } from '@modrinth/utils'
-import type { MessageDescriptor } from '@vintl/vintl'
 import type { FunctionalComponent, SVGAttributes } from 'vue'
 
 /**
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 43040e4343..ca32918272 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -24,8 +24,6 @@
 		"@formatjs/cli": "^6.2.12",
 		"@modrinth/tooling-config": "workspace:*",
 		"@stripe/stripe-js": "^7.3.1",
-		"@vintl/unplugin": "^1.5.1",
-		"@vintl/vintl": "^4.4.1",
 		"stripe": "^18.1.1",
 		"typescript": "^5.4.5",
 		"vue": "^3.5.13",
@@ -34,6 +32,7 @@
 	},
 	"dependencies": {
 		"@codemirror/commands": "^6.3.2",
+		"intl-messageformat": "^10.7.7",
 		"@codemirror/lang-markdown": "^6.2.3",
 		"@codemirror/language": "^6.9.3",
 		"@codemirror/state": "^6.3.2",
@@ -47,7 +46,6 @@
 		"@tresjs/post-processing": "^2.4.0",
 		"@types/markdown-it": "^14.1.1",
 		"@types/three": "^0.172.0",
-		"@vintl/how-ago": "^3.0.1",
 		"@vueuse/core": "^11.1.0",
 		"apexcharts": "^3.44.0",
 		"dayjs": "^1.11.10",
diff --git a/packages/ui/src/components/affiliate/AffiliateLinkCard.vue b/packages/ui/src/components/affiliate/AffiliateLinkCard.vue
index f34de6cd8c..5342dea6f3 100644
--- a/packages/ui/src/components/affiliate/AffiliateLinkCard.vue
+++ b/packages/ui/src/components/affiliate/AffiliateLinkCard.vue
@@ -32,8 +32,8 @@
 
 <script setup lang="ts">
 import { AffiliateIcon, XCircleIcon } from '@modrinth/assets'
+import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import type { AffiliateLink } from '@modrinth/utils'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 
 import { AutoBrandIcon, ButtonStyled, CopyCode } from '../index.ts'
 
diff --git a/packages/ui/src/components/affiliate/AffiliateLinkCreateModal.vue b/packages/ui/src/components/affiliate/AffiliateLinkCreateModal.vue
index cd77349e95..9ff4216796 100644
--- a/packages/ui/src/components/affiliate/AffiliateLinkCreateModal.vue
+++ b/packages/ui/src/components/affiliate/AffiliateLinkCreateModal.vue
@@ -64,7 +64,7 @@
 <script lang="ts"></script>
 <script setup lang="ts">
 import { AffiliateIcon, PlusIcon, SpinnerIcon, UserIcon, XIcon } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@vintl/vintl'
+import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { computed, ref, useTemplateRef } from 'vue'
 
 import { AutoBrandIcon, Button, ButtonStyled, NewModal } from '../index.ts'
diff --git a/packages/ui/src/components/base/Badge.vue b/packages/ui/src/components/base/Badge.vue
index b057b6fd4b..e2d280482a 100644
--- a/packages/ui/src/components/base/Badge.vue
+++ b/packages/ui/src/components/base/Badge.vue
@@ -99,8 +99,8 @@ import {
 	UpdatedIcon,
 	XIcon,
 } from '@modrinth/assets'
+import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { capitalizeString } from '@modrinth/utils'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 
 const messages = defineMessages({
 	acceptedLabel: {
diff --git a/packages/ui/src/components/base/CopyCode.vue b/packages/ui/src/components/base/CopyCode.vue
index 4f6d1282ca..995aa293d3 100644
--- a/packages/ui/src/components/base/CopyCode.vue
+++ b/packages/ui/src/components/base/CopyCode.vue
@@ -8,7 +8,7 @@
 
 <script setup lang="ts">
 import { CheckIcon, ClipboardCopyIcon } from '@modrinth/assets'
-import { defineMessage, useVIntl } from '@vintl/vintl'
+import { defineMessage, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { ref } from 'vue'
 
 const copiedMessage = defineMessage({
diff --git a/packages/ui/src/components/base/EnvironmentIndicator.vue b/packages/ui/src/components/base/EnvironmentIndicator.vue
index beb9b30832..c98d976aab 100644
--- a/packages/ui/src/components/base/EnvironmentIndicator.vue
+++ b/packages/ui/src/components/base/EnvironmentIndicator.vue
@@ -49,7 +49,7 @@
 </template>
 <script setup lang="ts">
 import { ClientIcon, GlobeIcon, InfoIcon, ServerIcon } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@vintl/vintl'
+import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 
 const messages = defineMessages({
 	clientLabel: {
diff --git a/packages/ui/src/components/base/FilterBar.vue b/packages/ui/src/components/base/FilterBar.vue
index e96c0d8bee..638d5ecb81 100644
--- a/packages/ui/src/components/base/FilterBar.vue
+++ b/packages/ui/src/components/base/FilterBar.vue
@@ -17,7 +17,7 @@
 
 <script setup lang="ts">
 import { FilterIcon } from '@modrinth/assets'
-import { type MessageDescriptor, useVIntl } from '@vintl/vintl'
+import { type MessageDescriptor, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { watch } from 'vue'
 
 const { formatMessage } = useVIntl()
diff --git a/packages/ui/src/components/base/IconSelect.vue b/packages/ui/src/components/base/IconSelect.vue
index ce9e570c83..f32ed8f227 100644
--- a/packages/ui/src/components/base/IconSelect.vue
+++ b/packages/ui/src/components/base/IconSelect.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { EditIcon, TrashIcon, UploadIcon } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@vintl/vintl'
+import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 
 import { Avatar, OverflowMenu } from '../index'
 
diff --git a/packages/ui/src/components/base/IntlFormatted.vue b/packages/ui/src/components/base/IntlFormatted.vue
new file mode 100644
index 0000000000..d1f33e4d96
--- /dev/null
+++ b/packages/ui/src/components/base/IntlFormatted.vue
@@ -0,0 +1,74 @@
+<script setup lang="ts">
+import IntlMessageFormat, { type FormatXMLElementFn, type PrimitiveType } from 'intl-messageformat'
+import { computed, useSlots, type VNode } from 'vue'
+
+import { type MessageDescriptor, useI18nContext } from '../../utils/i18n'
+
+const props = defineProps<{
+	messageId: MessageDescriptor
+	values?: Record<string, PrimitiveType>
+}>()
+
+const slots = useSlots()
+const { t, locale, messages } = useI18nContext()
+
+const formattedParts = computed(() => {
+	const key = props.messageId.id
+	const translatedMessage = messages.value[key]
+
+	let msg: string
+	if (translatedMessage && translatedMessage !== key) {
+		msg = translatedMessage
+	} else {
+		const translation = t(key, {})
+		if (translation && translation !== key) {
+			msg = translation
+		} else {
+			msg = props.messageId.defaultMessage ?? key
+		}
+	}
+
+	const slotHandlers: Record<string, FormatXMLElementFn<VNode>> = {}
+	const slotNames = Object.keys(slots)
+
+	for (const slotName of slotNames) {
+		const normalizedName = slotName.startsWith('~') ? slotName.slice(1) : slotName
+		slotHandlers[normalizedName] = (chunks) => {
+			const slot = slots[slotName]
+			if (slot) {
+				return slot({
+					children: chunks,
+				})
+			}
+			return chunks as VNode[]
+		}
+
+		msg = msg.replace(
+			new RegExp(`\\{${normalizedName}\\}`, 'g'),
+			`<${normalizedName}></${normalizedName}>`,
+		)
+	}
+
+	try {
+		const formatter = new IntlMessageFormat(msg, locale.value)
+		const result = formatter.format({
+			...props.values,
+			...slotHandlers,
+		})
+
+		if (Array.isArray(result)) {
+			return result
+		}
+		return [result]
+	} catch {
+		return [msg]
+	}
+})
+</script>
+
+<template>
+	<template v-for="(part, index) in formattedParts" :key="index">
+		<component :is="() => part" v-if="typeof part === 'object'" />
+		<template v-else>{{ part }}</template>
+	</template>
+</template>
diff --git a/packages/ui/src/components/base/ServerNotice.vue b/packages/ui/src/components/base/ServerNotice.vue
index ba1daadd81..caf56567f6 100644
--- a/packages/ui/src/components/base/ServerNotice.vue
+++ b/packages/ui/src/components/base/ServerNotice.vue
@@ -33,8 +33,8 @@
 
 <script setup lang="ts">
 import { XIcon } from '@modrinth/assets'
+import { defineMessages, type MessageDescriptor, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { renderString } from '@modrinth/utils'
-import { defineMessages, type MessageDescriptor, useVIntl } from '@vintl/vintl'
 import { computed } from 'vue'
 
 import Admonition from './Admonition.vue'
diff --git a/packages/ui/src/components/base/SettingsLabel.vue b/packages/ui/src/components/base/SettingsLabel.vue
index 181892ccc5..2bf7ed17f9 100644
--- a/packages/ui/src/components/base/SettingsLabel.vue
+++ b/packages/ui/src/components/base/SettingsLabel.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { MessageDescriptor } from '@vintl/vintl'
-import { useVIntl } from '@vintl/vintl'
+import type { MessageDescriptor } from '@modrinth/ui/src/utils/i18n'
+import { useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { computed } from 'vue'
 
 const { formatMessage } = useVIntl()
diff --git a/packages/ui/src/components/base/UnsavedChangesPopup.vue b/packages/ui/src/components/base/UnsavedChangesPopup.vue
index c150f5840a..a5a88d38f7 100644
--- a/packages/ui/src/components/base/UnsavedChangesPopup.vue
+++ b/packages/ui/src/components/base/UnsavedChangesPopup.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts" generic="T">
 import { HistoryIcon, SaveIcon, SpinnerIcon } from '@modrinth/assets'
-import { defineMessage, type MessageDescriptor, useVIntl } from '@vintl/vintl'
+import { defineMessage, type MessageDescriptor, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { type Component, computed } from 'vue'
 
 import { commonMessages } from '../../utils'
diff --git a/packages/ui/src/components/base/index.ts b/packages/ui/src/components/base/index.ts
index 71ae8c6400..55e0a0cd8e 100644
--- a/packages/ui/src/components/base/index.ts
+++ b/packages/ui/src/components/base/index.ts
@@ -29,6 +29,7 @@ export { default as FilterBar } from './FilterBar.vue'
 export { default as HeadingLink } from './HeadingLink.vue'
 export { default as HorizontalRule } from './HorizontalRule.vue'
 export { default as IconSelect } from './IconSelect.vue'
+export { default as IntlFormatted } from './IntlFormatted.vue'
 export type { JoinedButtonAction } from './JoinedButtons.vue'
 export { default as JoinedButtons } from './JoinedButtons.vue'
 export { default as LoadingIndicator } from './LoadingIndicator.vue'
diff --git a/packages/ui/src/components/billing/AddPaymentMethodModal.vue b/packages/ui/src/components/billing/AddPaymentMethodModal.vue
index 1da7e30fa0..dd5e546f17 100644
--- a/packages/ui/src/components/billing/AddPaymentMethodModal.vue
+++ b/packages/ui/src/components/billing/AddPaymentMethodModal.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { PlusIcon, XIcon } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@vintl/vintl'
+import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 
 import { commonMessages } from '../../utils'
 import { ButtonStyled, NewModal } from '../index'
diff --git a/packages/ui/src/components/billing/ExpandableInvoiceTotal.vue b/packages/ui/src/components/billing/ExpandableInvoiceTotal.vue
index 4496b390d4..ed721df896 100644
--- a/packages/ui/src/components/billing/ExpandableInvoiceTotal.vue
+++ b/packages/ui/src/components/billing/ExpandableInvoiceTotal.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { SpinnerIcon } from '@modrinth/assets'
+import { useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { formatPrice } from '@modrinth/utils'
-import { useVIntl } from '@vintl/vintl'
 import { computed } from 'vue'
 
 import Accordion from '../base/Accordion.vue'
diff --git a/packages/ui/src/components/billing/FormattedPaymentMethod.vue b/packages/ui/src/components/billing/FormattedPaymentMethod.vue
index cd452c48c9..69b6ddd0d6 100644
--- a/packages/ui/src/components/billing/FormattedPaymentMethod.vue
+++ b/packages/ui/src/components/billing/FormattedPaymentMethod.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useVIntl } from '@vintl/vintl'
+import { useVIntl } from '@modrinth/ui/src/utils/i18n'
 import type Stripe from 'stripe'
 
 import { commonMessages, getPaymentMethodIcon, paymentMethodMessages } from '../../utils'
diff --git a/packages/ui/src/components/billing/ModalBasedServerPlan.vue b/packages/ui/src/components/billing/ModalBasedServerPlan.vue
index 662487906a..f5f20e95ea 100644
--- a/packages/ui/src/components/billing/ModalBasedServerPlan.vue
+++ b/packages/ui/src/components/billing/ModalBasedServerPlan.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { Labrinth } from '@modrinth/api-client'
 import { InfoIcon } from '@modrinth/assets'
+import { type MessageDescriptor, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { formatPrice } from '@modrinth/utils'
-import { type MessageDescriptor, useVIntl } from '@vintl/vintl'
 import { Menu } from 'floating-vue'
 import { computed, inject, type Ref } from 'vue'
 
diff --git a/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue b/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue
index 26630a8e67..98059d87a7 100644
--- a/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue
+++ b/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue
@@ -8,7 +8,7 @@ import {
 	SpinnerIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { defineMessage, type MessageDescriptor, useVIntl } from '@vintl/vintl'
+import { defineMessage, type MessageDescriptor, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import type Stripe from 'stripe'
 import { computed, nextTick, ref, useTemplateRef, watch } from 'vue'
 
diff --git a/packages/ui/src/components/billing/PurchaseModal.vue b/packages/ui/src/components/billing/PurchaseModal.vue
index 7bcac51273..ba60ade01c 100644
--- a/packages/ui/src/components/billing/PurchaseModal.vue
+++ b/packages/ui/src/components/billing/PurchaseModal.vue
@@ -541,8 +541,8 @@ import {
 	UnknownIcon,
 	XIcon,
 } from '@modrinth/assets'
+import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { calculateSavings, createStripeElements, formatPrice, getCurrency } from '@modrinth/utils'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import dayjs from 'dayjs'
 import { computed, nextTick, reactive, ref, watch } from 'vue'
 import { Multiselect } from 'vue-multiselect'
diff --git a/packages/ui/src/components/billing/ServersPurchase0Plan.vue b/packages/ui/src/components/billing/ServersPurchase0Plan.vue
index 26ce79bf33..62a2ef4ee3 100644
--- a/packages/ui/src/components/billing/ServersPurchase0Plan.vue
+++ b/packages/ui/src/components/billing/ServersPurchase0Plan.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { Labrinth } from '@modrinth/api-client'
+import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { formatPrice } from '@modrinth/utils'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import { computed, provide } from 'vue'
 
 import { getPriceForInterval, monthsInInterval } from '../../utils/product-utils'
diff --git a/packages/ui/src/components/billing/ServersPurchase1Region.vue b/packages/ui/src/components/billing/ServersPurchase1Region.vue
index e31a878e13..a47303e33a 100644
--- a/packages/ui/src/components/billing/ServersPurchase1Region.vue
+++ b/packages/ui/src/components/billing/ServersPurchase1Region.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import type { Archon, Labrinth } from '@modrinth/api-client'
 import { InfoIcon, SpinnerIcon, XIcon } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@vintl/vintl'
-import { IntlFormatted } from '@vintl/vintl/components'
+import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { computed, onMounted, ref, watch } from 'vue'
 
 import { formatPrice } from '../../../../utils'
 import { getPriceForInterval, monthsInInterval } from '../../utils/product-utils.ts'
 import { regionOverrides } from '../../utils/regions.ts'
+import IntlFormatted from '../base/IntlFormatted.vue'
 import Slider from '../base/Slider.vue'
 import ModalLoadingIndicator from '../modal/ModalLoadingIndicator.vue'
 import type { RegionPing, ServerBillingInterval } from './ModrinthServersPurchaseModal.vue'
diff --git a/packages/ui/src/components/billing/ServersPurchase2PaymentMethod.vue b/packages/ui/src/components/billing/ServersPurchase2PaymentMethod.vue
index 3aa059054d..01480e29f8 100644
--- a/packages/ui/src/components/billing/ServersPurchase2PaymentMethod.vue
+++ b/packages/ui/src/components/billing/ServersPurchase2PaymentMethod.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { defineMessages, useVIntl } from '@vintl/vintl'
+import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import type Stripe from 'stripe'
 
 import PaymentMethodOption from './PaymentMethodOption.vue'
diff --git a/packages/ui/src/components/billing/ServersPurchase3Review.vue b/packages/ui/src/components/billing/ServersPurchase3Review.vue
index dc044ff8c0..b7393d5de2 100644
--- a/packages/ui/src/components/billing/ServersPurchase3Review.vue
+++ b/packages/ui/src/components/billing/ServersPurchase3Review.vue
@@ -10,8 +10,8 @@ import {
 	SpinnerIcon,
 	XIcon,
 } from '@modrinth/assets'
+import { useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { formatPrice, getPingLevel } from '@modrinth/utils'
-import { useVIntl } from '@vintl/vintl'
 import dayjs from 'dayjs'
 import type Stripe from 'stripe'
 import { computed } from 'vue'
diff --git a/packages/ui/src/components/billing/ServersRegionButton.vue b/packages/ui/src/components/billing/ServersRegionButton.vue
index 23f8516d77..48dcaac01f 100644
--- a/packages/ui/src/components/billing/ServersRegionButton.vue
+++ b/packages/ui/src/components/billing/ServersRegionButton.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { Archon } from '@modrinth/api-client'
 import { SignalIcon, SpinnerIcon } from '@modrinth/assets'
+import { useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { getPingLevel } from '@modrinth/utils'
-import { useVIntl } from '@vintl/vintl'
 import { computed } from 'vue'
 
 import { regionOverrides } from '../../utils/regions'
diff --git a/packages/ui/src/components/changelog/ChangelogEntry.vue b/packages/ui/src/components/changelog/ChangelogEntry.vue
index f18d94f76a..8e13018534 100644
--- a/packages/ui/src/components/changelog/ChangelogEntry.vue
+++ b/packages/ui/src/components/changelog/ChangelogEntry.vue
@@ -42,9 +42,9 @@
 </template>
 
 <script setup lang="ts">
+import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { renderHighlightedString } from '@modrinth/utils'
 import type { VersionEntry } from '@modrinth/utils/changelog'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 import dayjs from 'dayjs'
 import { computed, ref } from 'vue'
 
diff --git a/packages/ui/src/components/modal/TabbedModal.vue b/packages/ui/src/components/modal/TabbedModal.vue
index a8cdfc42db..11975f7d2c 100644
--- a/packages/ui/src/components/modal/TabbedModal.vue
+++ b/packages/ui/src/components/modal/TabbedModal.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { type MessageDescriptor, useVIntl } from '@vintl/vintl'
+import { type MessageDescriptor, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { type Component, ref } from 'vue'
 
 const { formatMessage } = useVIntl()
diff --git a/packages/ui/src/components/project/ProjectPageVersions.vue b/packages/ui/src/components/project/ProjectPageVersions.vue
index 8301ed5cd4..afbf6b9c89 100644
--- a/packages/ui/src/components/project/ProjectPageVersions.vue
+++ b/packages/ui/src/components/project/ProjectPageVersions.vue
@@ -198,6 +198,7 @@
 import type { Labrinth } from '@modrinth/api-client'
 import { CalendarIcon, DownloadIcon, PlusIcon, StarIcon } from '@modrinth/assets'
 import { ButtonStyled } from '@modrinth/ui'
+import { useVIntl } from '@modrinth/ui/src/utils/i18n'
 import {
 	formatBytes,
 	formatCategory,
@@ -206,7 +207,6 @@ import {
 	type GameVersionTag,
 	type Version,
 } from '@modrinth/utils'
-import { useVIntl } from '@vintl/vintl'
 import { computed, type Ref, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 
diff --git a/packages/ui/src/components/project/ProjectSidebarCompatibility.vue b/packages/ui/src/components/project/ProjectSidebarCompatibility.vue
index 9365b15aa3..6e2418e1ec 100644
--- a/packages/ui/src/components/project/ProjectSidebarCompatibility.vue
+++ b/packages/ui/src/components/project/ProjectSidebarCompatibility.vue
@@ -85,9 +85,14 @@
 </template>
 <script setup lang="ts">
 import { ClientIcon, MonitorSmartphoneIcon, ServerIcon, UserIcon } from '@modrinth/assets'
+import {
+	defineMessage,
+	defineMessages,
+	type MessageDescriptor,
+	useVIntl,
+} from '@modrinth/ui/src/utils/i18n'
 import type { EnvironmentV3, GameVersionTag, PlatformTag, ProjectV3Partial } from '@modrinth/utils'
 import { formatCategory, getVersionsToDisplay } from '@modrinth/utils'
-import { defineMessage, defineMessages, type MessageDescriptor, useVIntl } from '@vintl/vintl'
 import { type Component, computed } from 'vue'
 import { useRouter } from 'vue-router'
 
diff --git a/packages/ui/src/components/project/ProjectSidebarCreators.vue b/packages/ui/src/components/project/ProjectSidebarCreators.vue
index cf1ef68b27..266215d40b 100644
--- a/packages/ui/src/components/project/ProjectSidebarCreators.vue
+++ b/packages/ui/src/components/project/ProjectSidebarCreators.vue
@@ -48,7 +48,7 @@
 </template>
 <script setup lang="ts">
 import { CrownIcon, ExternalIcon, OrganizationIcon } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@vintl/vintl'
+import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { computed } from 'vue'
 
 import AutoLink from '../base/AutoLink.vue'
diff --git a/packages/ui/src/components/project/ProjectSidebarDetails.vue b/packages/ui/src/components/project/ProjectSidebarDetails.vue
index c987c32506..8d295b4f1e 100644
--- a/packages/ui/src/components/project/ProjectSidebarDetails.vue
+++ b/packages/ui/src/components/project/ProjectSidebarDetails.vue
@@ -65,7 +65,7 @@
 </template>
 <script setup lang="ts">
 import { BookTextIcon, CalendarIcon, ExternalIcon, ScaleIcon, VersionIcon } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@vintl/vintl'
+import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import dayjs from 'dayjs'
 import { computed } from 'vue'
 
diff --git a/packages/ui/src/components/project/ProjectSidebarLinks.vue b/packages/ui/src/components/project/ProjectSidebarLinks.vue
index f5636bf382..fe34de02d8 100644
--- a/packages/ui/src/components/project/ProjectSidebarLinks.vue
+++ b/packages/ui/src/components/project/ProjectSidebarLinks.vue
@@ -102,7 +102,7 @@ import {
 	PayPalIcon,
 	WikiIcon,
 } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@vintl/vintl'
+import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 
 const { formatMessage } = useVIntl()
 
diff --git a/packages/ui/src/components/project/ProjectStatusBadge.vue b/packages/ui/src/components/project/ProjectStatusBadge.vue
index ede844d961..c9ace11716 100644
--- a/packages/ui/src/components/project/ProjectStatusBadge.vue
+++ b/packages/ui/src/components/project/ProjectStatusBadge.vue
@@ -3,8 +3,8 @@
 </template>
 
 <script setup lang="ts">
+import { defineMessage, type MessageDescriptor, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import type { ProjectStatus } from '@modrinth/utils'
-import { defineMessage, type MessageDescriptor, useVIntl } from '@vintl/vintl'
 import { computed } from 'vue'
 
 import { PROJECT_STATUS_ICONS } from '../../utils'
diff --git a/packages/ui/src/components/project/settings/environment/ProjectSettingsEnvSelector.vue b/packages/ui/src/components/project/settings/environment/ProjectSettingsEnvSelector.vue
index 9de9cde182..b64b138922 100644
--- a/packages/ui/src/components/project/settings/environment/ProjectSettingsEnvSelector.vue
+++ b/packages/ui/src/components/project/settings/environment/ProjectSettingsEnvSelector.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { Labrinth } from '@modrinth/api-client'
-import { defineMessage, type MessageDescriptor, useVIntl } from '@vintl/vintl'
+import { defineMessage, type MessageDescriptor, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { computed, ref, watch } from 'vue'
 
 import { commonProjectSettingsMessages } from '../../../../utils'
diff --git a/packages/ui/src/components/search/SearchFilterControl.vue b/packages/ui/src/components/search/SearchFilterControl.vue
index 04db765ffe..fea73e4f5c 100644
--- a/packages/ui/src/components/search/SearchFilterControl.vue
+++ b/packages/ui/src/components/search/SearchFilterControl.vue
@@ -33,7 +33,7 @@
 
 <script setup lang="ts">
 import { BanIcon, LockIcon, XCircleIcon, XIcon } from '@modrinth/assets'
-import { defineMessage, type MessageDescriptor, useVIntl } from '@vintl/vintl'
+import { defineMessage, type MessageDescriptor, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { computed, type ComputedRef } from 'vue'
 
 import type { FilterOption, FilterType, FilterValue } from '../../utils/search'
diff --git a/packages/ui/src/components/search/SearchSidebarFilter.vue b/packages/ui/src/components/search/SearchSidebarFilter.vue
index 4963ba6488..8e97e20b40 100644
--- a/packages/ui/src/components/search/SearchSidebarFilter.vue
+++ b/packages/ui/src/components/search/SearchSidebarFilter.vue
@@ -157,7 +157,7 @@ import {
 	UpdatedIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@vintl/vintl'
+import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { computed, ref } from 'vue'
 
 import type { FilterOption, FilterType, FilterValue } from '../../utils/search'
diff --git a/packages/ui/src/components/servers/backups/BackupItem.vue b/packages/ui/src/components/servers/backups/BackupItem.vue
index 097b5f1eda..0f84575bcf 100644
--- a/packages/ui/src/components/servers/backups/BackupItem.vue
+++ b/packages/ui/src/components/servers/backups/BackupItem.vue
@@ -13,7 +13,7 @@ import {
 	UserRoundIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@vintl/vintl'
+import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import dayjs from 'dayjs'
 import { computed } from 'vue'
 
diff --git a/packages/ui/src/components/settings/ThemeSelector.vue b/packages/ui/src/components/settings/ThemeSelector.vue
index 239115d23d..ab65bb0f90 100644
--- a/packages/ui/src/components/settings/ThemeSelector.vue
+++ b/packages/ui/src/components/settings/ThemeSelector.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts" generic="T extends string">
 import { MoonIcon, RadioButtonCheckedIcon, RadioButtonIcon, SunIcon } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@vintl/vintl'
+import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 
 const { formatMessage } = useVIntl()
 
diff --git a/packages/ui/src/components/version/VersionChannelIndicator.vue b/packages/ui/src/components/version/VersionChannelIndicator.vue
index 1f6fded7ab..5c839a8dac 100644
--- a/packages/ui/src/components/version/VersionChannelIndicator.vue
+++ b/packages/ui/src/components/version/VersionChannelIndicator.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
+import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import type { VersionChannel } from '@modrinth/utils'
-import { defineMessages, useVIntl } from '@vintl/vintl'
 
 const { formatMessage } = useVIntl()
 
diff --git a/packages/ui/src/composables/how-ago.ts b/packages/ui/src/composables/how-ago.ts
index bd029dbb4f..b5a5d30bd7 100644
--- a/packages/ui/src/composables/how-ago.ts
+++ b/packages/ui/src/composables/how-ago.ts
@@ -1,23 +1,59 @@
-import { createFormatter, type FormatOptions, type Formatter } from '@vintl/how-ago'
-import { useVIntl } from '@vintl/vintl'
-import type { IntlController } from '@vintl/vintl/controller'
-import { computed } from 'vue'
+import { computed, type ComputedRef } from 'vue'
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
-const formatters = new WeakMap<IntlController<any>, Formatter>()
+import { useI18nContext } from '../utils/i18n'
 
-export function useRelativeTime(): Formatter {
-	const vintl = useVIntl()
+export type Formatter = (value: Date | number, options?: FormatOptions) => string
+
+export interface FormatOptions {
+	roundingMode?: 'halfExpand' | 'floor' | 'ceil'
+}
 
-	let formatter = formatters.get(vintl)
+const formatters = new Map<string, ComputedRef<Intl.RelativeTimeFormat>>()
+
+export function useRelativeTime(): Formatter {
+	const { locale } = useI18nContext()
 
-	if (formatter == null) {
-		const formatterRef = computed(() => createFormatter(vintl.intl))
-		const defaultOptions: FormatOptions = { roundingMode: 'halfExpand' as const }
+	const formatterRef = computed(
+		() =>
+			new Intl.RelativeTimeFormat(locale.value, {
+				numeric: 'auto',
+				style: 'long',
+			}),
+	)
 
-		formatter = (value, options) => formatterRef.value(value, { ...options, ...defaultOptions })
-		formatters.set(vintl, formatter)
+	if (!formatters.has(locale.value)) {
+		formatters.set(locale.value, formatterRef)
 	}
 
-	return formatter
+	return (value: Date | number) => {
+		const date = value instanceof Date ? value : new Date(value)
+		const now = Date.now()
+		const diff = date.getTime() - now
+
+		const seconds = Math.round(diff / 1000)
+		const minutes = Math.round(diff / 60000)
+		const hours = Math.round(diff / 3600000)
+		const days = Math.round(diff / 86400000)
+		const weeks = Math.round(diff / 604800000)
+		const months = Math.round(diff / 2629746000)
+		const years = Math.round(diff / 31556952000)
+
+		const rtf = formatterRef.value
+
+		if (Math.abs(seconds) < 60) {
+			return rtf.format(seconds, 'second')
+		} else if (Math.abs(minutes) < 60) {
+			return rtf.format(minutes, 'minute')
+		} else if (Math.abs(hours) < 24) {
+			return rtf.format(hours, 'hour')
+		} else if (Math.abs(days) < 7) {
+			return rtf.format(days, 'day')
+		} else if (Math.abs(weeks) < 4) {
+			return rtf.format(weeks, 'week')
+		} else if (Math.abs(months) < 12) {
+			return rtf.format(months, 'month')
+		} else {
+			return rtf.format(years, 'year')
+		}
+	}
 }
diff --git a/packages/ui/src/utils/common-messages.ts b/packages/ui/src/utils/common-messages.ts
index b592ce4c6b..306d3a9ce2 100644
--- a/packages/ui/src/utils/common-messages.ts
+++ b/packages/ui/src/utils/common-messages.ts
@@ -1,4 +1,4 @@
-import { defineMessages } from '@vintl/vintl'
+import { defineMessages } from './i18n'
 
 export const commonMessages = defineMessages({
 	affiliateLinksButton: {
diff --git a/packages/ui/src/utils/game-modes.ts b/packages/ui/src/utils/game-modes.ts
index 645447079f..f11bebb5d0 100644
--- a/packages/ui/src/utils/game-modes.ts
+++ b/packages/ui/src/utils/game-modes.ts
@@ -1,5 +1,6 @@
 import { BlocksIcon, CompassIcon, EyeIcon, PickaxeIcon, UnknownIcon } from '@modrinth/assets'
-import { defineMessage } from '@vintl/vintl'
+
+import { defineMessage } from './i18n'
 
 export const GAME_MODES = {
 	survival: {
diff --git a/packages/ui/src/utils/i18n.ts b/packages/ui/src/utils/i18n.ts
new file mode 100644
index 0000000000..cf361dc6fb
--- /dev/null
+++ b/packages/ui/src/utils/i18n.ts
@@ -0,0 +1,82 @@
+import IntlMessageFormat from 'intl-messageformat'
+import { inject, type InjectionKey, provide, type Ref, ref } from 'vue'
+
+export interface MessageDescriptor {
+	id: string
+	defaultMessage?: string
+	description?: string
+}
+
+export type MessageDescriptorMap<K extends string> = Record<K, MessageDescriptor>
+
+export function defineMessage<T extends MessageDescriptor>(descriptor: T): T {
+	return descriptor
+}
+
+export function defineMessages<K extends string, T extends MessageDescriptorMap<K>>(
+	descriptors: T,
+): T {
+	return descriptors
+}
+
+export interface I18nContext {
+	locale: Ref<string>
+	t: (key: string, values?: Record<string, unknown>) => string
+	messages: Ref<Record<string, string>>
+}
+
+const i18nKey: InjectionKey<I18nContext> = Symbol('i18n')
+
+export function provideI18n(context: I18nContext) {
+	provide(i18nKey, context)
+}
+
+export function useI18nContext(): I18nContext {
+	const injectedContext = inject(i18nKey)
+	if (injectedContext) {
+		return injectedContext
+	}
+
+	const bridgeContext = inject<I18nContext>('i18n-context', null as unknown as I18nContext)
+	if (bridgeContext) {
+		return bridgeContext
+	}
+
+	return {
+		locale: ref('en-US'),
+		t: (key: string) => key,
+		messages: ref({}),
+	}
+}
+
+export interface VIntlFormatters {
+	formatMessage(descriptor: MessageDescriptor, values?: Record<string, unknown>): string
+}
+
+export function useVIntl(): VIntlFormatters & { locale: Ref<string> } {
+	const { t, locale, messages } = useI18nContext()
+
+	function formatMessage(descriptor: MessageDescriptor, values?: Record<string, unknown>): string {
+		const key = descriptor.id
+		const translation = messages.value[key] ?? t(key, values)
+
+		if (translation && translation !== key) {
+			try {
+				const formatter = new IntlMessageFormat(translation, locale.value)
+				return formatter.format(values ?? {}) as string
+			} catch {
+				return translation
+			}
+		}
+
+		const defaultMsg = descriptor.defaultMessage ?? key
+		try {
+			const formatter = new IntlMessageFormat(defaultMsg, locale.value)
+			return formatter.format(values ?? {}) as string
+		} catch {
+			return defaultMsg
+		}
+	}
+
+	return { formatMessage, locale }
+}
diff --git a/packages/ui/src/utils/index.ts b/packages/ui/src/utils/index.ts
index 6d77f1b6aa..18ddd0fdd9 100644
--- a/packages/ui/src/utils/index.ts
+++ b/packages/ui/src/utils/index.ts
@@ -1,6 +1,7 @@
 export * from './auto-icons'
 export * from './common-messages'
 export * from './game-modes'
+export * from './i18n'
 export * from './notices'
 export * from './savable'
 export * from './search'
diff --git a/packages/ui/src/utils/notices.ts b/packages/ui/src/utils/notices.ts
index ba7a176313..f13ebf8733 100644
--- a/packages/ui/src/utils/notices.ts
+++ b/packages/ui/src/utils/notices.ts
@@ -1,4 +1,4 @@
-import { defineMessage, type MessageDescriptor } from '@vintl/vintl'
+import { defineMessage, type MessageDescriptor } from './i18n'
 
 export const NOTICE_LEVELS: Record<
 	string,
diff --git a/packages/ui/src/utils/regions.ts b/packages/ui/src/utils/regions.ts
index 0ca57ee6fb..6a14e81556 100644
--- a/packages/ui/src/utils/regions.ts
+++ b/packages/ui/src/utils/regions.ts
@@ -1,4 +1,4 @@
-import { defineMessage, type MessageDescriptor } from '@vintl/vintl'
+import { defineMessage, type MessageDescriptor } from './i18n'
 
 export const regionOverrides = {
 	'us-vin': {
diff --git a/packages/ui/src/utils/search.ts b/packages/ui/src/utils/search.ts
index e06c407695..97f21f32a9 100644
--- a/packages/ui/src/utils/search.ts
+++ b/packages/ui/src/utils/search.ts
@@ -1,10 +1,11 @@
 import type { Labrinth } from '@modrinth/api-client'
 import { ClientIcon, ServerIcon } from '@modrinth/assets'
 import { formatCategory, formatCategoryHeader, sortByNameOrNumber } from '@modrinth/utils'
-import { defineMessage, useVIntl } from '@vintl/vintl'
 import { type Component, computed, readonly, type Ref, ref } from 'vue'
 import { type LocationQueryRaw, type LocationQueryValue, useRoute } from 'vue-router'
 
+import { defineMessage, useVIntl } from './i18n'
+
 type BaseOption = {
 	id: string
 	formatted_name?: string
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 426871fb39..e07b6a42d8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -92,9 +92,6 @@ importers:
       '@types/three':
         specifier: ^0.172.0
         version: 0.172.0
-      '@vintl/vintl':
-        specifier: ^4.4.1
-        version: 4.4.1(typescript@5.5.4)(vue@3.5.13(typescript@5.5.4))
       '@vueuse/core':
         specifier: ^11.1.0
         version: 11.1.0(vue@3.5.13(typescript@5.5.4))
@@ -104,6 +101,9 @@ importers:
       floating-vue:
         specifier: ^5.2.2
         version: 5.2.2(@nuxt/kit@3.17.5(magicast@0.3.5))(vue@3.5.13(typescript@5.5.4))
+      intl-messageformat:
+        specifier: ^10.7.7
+        version: 10.7.18
       ofetch:
         specifier: ^1.3.4
         version: 1.4.1
@@ -122,6 +122,9 @@ importers:
       vue:
         specifier: ^3.5.13
         version: 3.5.13(typescript@5.5.4)
+      vue-i18n:
+        specifier: ^9.14.0
+        version: 9.14.5(vue@3.5.13(typescript@5.5.4))
       vue-multiselect:
         specifier: 3.0.0
         version: 3.0.0
@@ -254,9 +257,6 @@ importers:
       '@types/three':
         specifier: ^0.172.0
         version: 0.172.0
-      '@vintl/vintl':
-        specifier: ^4.4.1
-        version: 4.4.1(typescript@5.5.4)(vue@3.5.13(typescript@5.5.4))
       '@vitejs/plugin-vue':
         specifier: ^5.0.4
         version: 5.2.1(vite@5.4.11(@types/node@20.14.11)(sass@1.77.6)(terser@5.44.1))(vue@3.5.13(typescript@5.5.4))
@@ -290,6 +290,9 @@ importers:
       highlight.js:
         specifier: ^11.7.0
         version: 11.9.0
+      intl-messageformat:
+        specifier: ^10.7.7
+        version: 10.7.18
       iso-3166-2:
         specifier: 1.0.0
         version: 1.0.0
@@ -348,6 +351,9 @@ importers:
       '@nuxt/devtools':
         specifier: ^1.3.3
         version: 1.6.3(rollup@4.28.1)(vite@5.4.11(@types/node@20.14.11)(sass@1.77.6)(terser@5.44.1))(vue@3.5.13(typescript@5.5.4))
+      '@nuxtjs/i18n':
+        specifier: ^8.5.5
+        version: 8.5.6(magicast@0.3.5)(rollup@4.28.1)(vue@3.5.13(typescript@5.5.4))
       '@types/dompurify':
         specifier: ^3.0.5
         version: 3.0.5
@@ -357,15 +363,6 @@ importers:
       '@types/node':
         specifier: ^20.1.0
         version: 20.14.11
-      '@vintl/compact-number':
-        specifier: ^2.0.5
-        version: 2.0.7(@formatjs/intl@2.10.4(typescript@5.5.4))
-      '@vintl/how-ago':
-        specifier: ^3.0.1
-        version: 3.0.1(@formatjs/intl@2.10.4(typescript@5.5.4))
-      '@vintl/nuxt':
-        specifier: ^1.9.2
-        version: 1.9.2(@vue/compiler-core@3.5.13)(magicast@0.3.5)(rollup@4.28.1)(typescript@5.5.4)(vite@5.4.11(@types/node@20.14.11)(sass@1.77.6)(terser@5.44.1))(vue@3.5.13(typescript@5.5.4))(webpack@5.92.1)
       autoprefixer:
         specifier: ^10.4.19
         version: 10.4.20(postcss@8.4.49)
@@ -498,9 +495,9 @@ importers:
       '@modrinth/tooling-config':
         specifier: workspace:*
         version: link:../tooling-config
-      '@vintl/vintl':
-        specifier: ^4.4.1
-        version: 4.4.1(typescript@5.8.3)(vue@3.5.13(typescript@5.8.3))
+      '@modrinth/ui':
+        specifier: workspace:*
+        version: link:../ui
 
   packages/tooling-config:
     dependencies:
@@ -592,9 +589,6 @@ importers:
       '@types/three':
         specifier: ^0.172.0
         version: 0.172.0
-      '@vintl/how-ago':
-        specifier: ^3.0.1
-        version: 3.0.1(@formatjs/intl@2.10.4(typescript@5.5.4))
       '@vueuse/core':
         specifier: ^11.1.0
         version: 11.1.0(vue@3.5.13(typescript@5.5.4))
@@ -613,6 +607,9 @@ importers:
       highlight.js:
         specifier: ^11.9.0
         version: 11.9.0
+      intl-messageformat:
+        specifier: ^10.7.7
+        version: 10.7.18
       markdown-it:
         specifier: ^13.0.2
         version: 13.0.2
@@ -650,12 +647,6 @@ importers:
       '@stripe/stripe-js':
         specifier: ^7.3.1
         version: 7.3.1
-      '@vintl/unplugin':
-        specifier: ^1.5.1
-        version: 1.5.2(@vue/compiler-core@3.5.13)(rollup@3.29.4)(vite@4.5.3(@types/node@22.4.1)(sass@1.77.6)(terser@5.44.1))(vue@3.5.13(typescript@5.5.4))(webpack@5.92.1)
-      '@vintl/vintl':
-        specifier: ^4.4.1
-        version: 4.4.1(typescript@5.5.4)(vue@3.5.13(typescript@5.5.4))
       stripe:
         specifier: ^18.1.1
         version: 18.1.1(@types/node@22.4.1)
@@ -943,11 +934,6 @@ packages:
     resolution: {integrity: sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==}
     engines: {node: '>=6.9.0'}
 
-  '@braw/async-computed@5.0.2':
-    resolution: {integrity: sha512-fThqjZBTPvWtbD90Nkd4IldN7dpCkxfvthuk12ZBjkPPjh+wuRGi3HYiUqUSAOOVS0NHSxpsQFfg+qO275FtYA==}
-    peerDependencies:
-      vue: ^2.7 || ^3.2.45
-
   '@cloudflare/kv-asset-handler@0.3.4':
     resolution: {integrity: sha512-YLPHc8yASwjNkmcDMQMY35yiWjoKAKnhUbPRszBRS0YgH+IXtsMp61j+yTcnCE3oO2DgP0U3iejLC8FTtKDC8Q==}
     engines: {node: '>=16.13'}
@@ -1037,12 +1023,6 @@ packages:
     cpu: [ppc64]
     os: [aix]
 
-  '@esbuild/android-arm64@0.18.20':
-    resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-
   '@esbuild/android-arm64@0.21.5':
     resolution: {integrity: sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==}
     engines: {node: '>=12'}
@@ -1061,12 +1041,6 @@ packages:
     cpu: [arm64]
     os: [android]
 
-  '@esbuild/android-arm@0.18.20':
-    resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-
   '@esbuild/android-arm@0.21.5':
     resolution: {integrity: sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==}
     engines: {node: '>=12'}
@@ -1085,12 +1059,6 @@ packages:
     cpu: [arm]
     os: [android]
 
-  '@esbuild/android-x64@0.18.20':
-    resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-
   '@esbuild/android-x64@0.21.5':
     resolution: {integrity: sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==}
     engines: {node: '>=12'}
@@ -1109,12 +1077,6 @@ packages:
     cpu: [x64]
     os: [android]
 
-  '@esbuild/darwin-arm64@0.18.20':
-    resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-
   '@esbuild/darwin-arm64@0.21.5':
     resolution: {integrity: sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==}
     engines: {node: '>=12'}
@@ -1133,12 +1095,6 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
-  '@esbuild/darwin-x64@0.18.20':
-    resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-
   '@esbuild/darwin-x64@0.21.5':
     resolution: {integrity: sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==}
     engines: {node: '>=12'}
@@ -1157,12 +1113,6 @@ packages:
     cpu: [x64]
     os: [darwin]
 
-  '@esbuild/freebsd-arm64@0.18.20':
-    resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-
   '@esbuild/freebsd-arm64@0.21.5':
     resolution: {integrity: sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==}
     engines: {node: '>=12'}
@@ -1181,12 +1131,6 @@ packages:
     cpu: [arm64]
     os: [freebsd]
 
-  '@esbuild/freebsd-x64@0.18.20':
-    resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-
   '@esbuild/freebsd-x64@0.21.5':
     resolution: {integrity: sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==}
     engines: {node: '>=12'}
@@ -1205,12 +1149,6 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
-  '@esbuild/linux-arm64@0.18.20':
-    resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-
   '@esbuild/linux-arm64@0.21.5':
     resolution: {integrity: sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==}
     engines: {node: '>=12'}
@@ -1229,12 +1167,6 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@esbuild/linux-arm@0.18.20':
-    resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-
   '@esbuild/linux-arm@0.21.5':
     resolution: {integrity: sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==}
     engines: {node: '>=12'}
@@ -1253,12 +1185,6 @@ packages:
     cpu: [arm]
     os: [linux]
 
-  '@esbuild/linux-ia32@0.18.20':
-    resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-
   '@esbuild/linux-ia32@0.21.5':
     resolution: {integrity: sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==}
     engines: {node: '>=12'}
@@ -1277,12 +1203,6 @@ packages:
     cpu: [ia32]
     os: [linux]
 
-  '@esbuild/linux-loong64@0.18.20':
-    resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==}
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-
   '@esbuild/linux-loong64@0.21.5':
     resolution: {integrity: sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==}
     engines: {node: '>=12'}
@@ -1301,12 +1221,6 @@ packages:
     cpu: [loong64]
     os: [linux]
 
-  '@esbuild/linux-mips64el@0.18.20':
-    resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==}
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-
   '@esbuild/linux-mips64el@0.21.5':
     resolution: {integrity: sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==}
     engines: {node: '>=12'}
@@ -1325,12 +1239,6 @@ packages:
     cpu: [mips64el]
     os: [linux]
 
-  '@esbuild/linux-ppc64@0.18.20':
-    resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-
   '@esbuild/linux-ppc64@0.21.5':
     resolution: {integrity: sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==}
     engines: {node: '>=12'}
@@ -1349,12 +1257,6 @@ packages:
     cpu: [ppc64]
     os: [linux]
 
-  '@esbuild/linux-riscv64@0.18.20':
-    resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==}
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-
   '@esbuild/linux-riscv64@0.21.5':
     resolution: {integrity: sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==}
     engines: {node: '>=12'}
@@ -1373,12 +1275,6 @@ packages:
     cpu: [riscv64]
     os: [linux]
 
-  '@esbuild/linux-s390x@0.18.20':
-    resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==}
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-
   '@esbuild/linux-s390x@0.21.5':
     resolution: {integrity: sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==}
     engines: {node: '>=12'}
@@ -1397,12 +1293,6 @@ packages:
     cpu: [s390x]
     os: [linux]
 
-  '@esbuild/linux-x64@0.18.20':
-    resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-
   '@esbuild/linux-x64@0.21.5':
     resolution: {integrity: sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==}
     engines: {node: '>=12'}
@@ -1427,12 +1317,6 @@ packages:
     cpu: [arm64]
     os: [netbsd]
 
-  '@esbuild/netbsd-x64@0.18.20':
-    resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-
   '@esbuild/netbsd-x64@0.21.5':
     resolution: {integrity: sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==}
     engines: {node: '>=12'}
@@ -1463,12 +1347,6 @@ packages:
     cpu: [arm64]
     os: [openbsd]
 
-  '@esbuild/openbsd-x64@0.18.20':
-    resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-
   '@esbuild/openbsd-x64@0.21.5':
     resolution: {integrity: sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==}
     engines: {node: '>=12'}
@@ -1487,12 +1365,6 @@ packages:
     cpu: [x64]
     os: [openbsd]
 
-  '@esbuild/sunos-x64@0.18.20':
-    resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-
   '@esbuild/sunos-x64@0.21.5':
     resolution: {integrity: sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==}
     engines: {node: '>=12'}
@@ -1511,12 +1383,6 @@ packages:
     cpu: [x64]
     os: [sunos]
 
-  '@esbuild/win32-arm64@0.18.20':
-    resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-
   '@esbuild/win32-arm64@0.21.5':
     resolution: {integrity: sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==}
     engines: {node: '>=12'}
@@ -1535,12 +1401,6 @@ packages:
     cpu: [arm64]
     os: [win32]
 
-  '@esbuild/win32-ia32@0.18.20':
-    resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-
   '@esbuild/win32-ia32@0.21.5':
     resolution: {integrity: sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==}
     engines: {node: '>=12'}
@@ -1559,12 +1419,6 @@ packages:
     cpu: [ia32]
     os: [win32]
 
-  '@esbuild/win32-x64@0.18.20':
-    resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-
   '@esbuild/win32-x64@0.21.5':
     resolution: {integrity: sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==}
     engines: {node: '>=12'}
@@ -1693,36 +1547,6 @@ packages:
   '@floating-ui/utils@0.2.4':
     resolution: {integrity: sha512-dWO2pw8hhi+WrXq1YJy2yCuWoL20PddgGaqTgVe4cOS9Q6qklXCiA1tJEqX6BEwRNSCP84/afac9hd4MS+zEUA==}
 
-  '@formatjs/cli-lib@6.4.2':
-    resolution: {integrity: sha512-Khj1fVZgubtI6FNGmmQGiEg6Kfc2zBZhsJjkCmoofubbDq2IV4yV89uVpdNyroG8mzHUkXlM8yUh0cWzR4Z/Bg==}
-    engines: {node: '>= 16'}
-    peerDependencies:
-      '@glimmer/env': ^0.1.7
-      '@glimmer/reference': ^0.91.1 || ^0.92.0
-      '@glimmer/syntax': ^0.92.0
-      '@glimmer/validator': ^0.92.0
-      '@vue/compiler-core': ^3.4.0
-      content-tag: ^2.0.1
-      ember-template-recast: ^6.1.4
-      vue: ^3.4.0
-    peerDependenciesMeta:
-      '@glimmer/env':
-        optional: true
-      '@glimmer/reference':
-        optional: true
-      '@glimmer/syntax':
-        optional: true
-      '@glimmer/validator':
-        optional: true
-      '@vue/compiler-core':
-        optional: true
-      content-tag:
-        optional: true
-      ember-template-recast:
-        optional: true
-      vue:
-        optional: true
-
   '@formatjs/cli@6.2.12':
     resolution: {integrity: sha512-bt1NEgkeYN8N9zWcpsPu3fZ57vv+biA+NtIQBlyOZnCp1bcvh+vNTXvmwF4C5qxqDtCylpOIb3yi3Ktgp4v0JQ==}
     engines: {node: '>= 16'}
@@ -1754,48 +1578,23 @@ packages:
       vue:
         optional: true
 
-  '@formatjs/ecma402-abstract@1.18.3':
-    resolution: {integrity: sha512-J961RbhyjHWeCIv+iOceNxpoZ/qomJOs5lH+rUJCeKNa59gME4KC0LJVMeWODjHsnv/hTH8Hvd6sevzcAzjuaQ==}
-
-  '@formatjs/ecma402-abstract@2.0.0':
-    resolution: {integrity: sha512-rRqXOqdFmk7RYvj4khklyqzcfQl9vEL/usogncBHRZfZBDOwMGuSRNFl02fu5KGHXdbinju+YXyuR+Nk8xlr/g==}
-
-  '@formatjs/fast-memoize@2.2.0':
-    resolution: {integrity: sha512-hnk/nY8FyrL5YxwP9e4r9dqeM6cAbo8PeU9UjyXojZMNvVad2Z06FAVHyR3Ecw6fza+0GH7vdJgiKIVXTMbSBA==}
+  '@formatjs/ecma402-abstract@2.3.6':
+    resolution: {integrity: sha512-HJnTFeRM2kVFVr5gr5kH1XP6K0JcJtE7Lzvtr3FS/so5f1kpsqqqxy5JF+FRaO6H2qmcMfAUIox7AJteieRtVw==}
 
-  '@formatjs/icu-messageformat-parser@2.7.8':
-    resolution: {integrity: sha512-nBZJYmhpcSX0WeJ5SDYUkZ42AgR3xiyhNCsQweFx3cz/ULJjym8bHAzWKvG5e2+1XO98dBYC0fWeeAECAVSwLA==}
+  '@formatjs/fast-memoize@2.2.7':
+    resolution: {integrity: sha512-Yabmi9nSvyOMrlSeGGWDiH7rf3a7sIwplbvo/dlz9WCIjzIQAfy1RMf4S0X3yG724n5Ghu2GmEl5NJIV6O9sZQ==}
 
-  '@formatjs/icu-skeleton-parser@1.8.2':
-    resolution: {integrity: sha512-k4ERKgw7aKGWJZgTarIcNEmvyTVD9FYh0mTrrBMHZ1b8hUu6iOJ4SzsZlo3UNAvHYa+PnvntIwRPt1/vy4nA9Q==}
+  '@formatjs/icu-messageformat-parser@2.11.4':
+    resolution: {integrity: sha512-7kR78cRrPNB4fjGFZg3Rmj5aah8rQj9KPzuLsmcSn4ipLXQvC04keycTI1F7kJYDwIXtT2+7IDEto842CfZBtw==}
 
-  '@formatjs/intl-displaynames@6.6.8':
-    resolution: {integrity: sha512-Lgx6n5KxN16B3Pb05z3NLEBQkGoXnGjkTBNCZI+Cn17YjHJ3fhCeEJJUqRlIZmJdmaXQhjcQVDp6WIiNeRYT5g==}
-
-  '@formatjs/intl-listformat@7.5.7':
-    resolution: {integrity: sha512-MG2TSChQJQT9f7Rlv+eXwUFiG24mKSzmF144PLb8m8OixyXqn4+YWU+5wZracZGCgVTVmx8viCf7IH3QXoiB2g==}
-
-  '@formatjs/intl-localematcher@0.4.2':
-    resolution: {integrity: sha512-BGdtJFmaNJy5An/Zan4OId/yR9Ih1OojFjcduX/xOvq798OgWSyDtd6Qd5jqJXwJs1ipe4Fxu9+cshic5Ox2tA==}
+  '@formatjs/icu-skeleton-parser@1.8.16':
+    resolution: {integrity: sha512-H13E9Xl+PxBd8D5/6TVUluSpxGNvFSlN/b3coUp0e0JpuWXXnQDiavIpY3NnvSp4xhEMoXyyBvVfdFX8jglOHQ==}
 
   '@formatjs/intl-localematcher@0.5.4':
     resolution: {integrity: sha512-zTwEpWOzZ2CiKcB93BLngUX59hQkuZjT2+SAQEscSm52peDW/getsawMcWF1rGRpMCX6D7nSJA3CzJ8gn13N/g==}
 
-  '@formatjs/intl@2.10.4':
-    resolution: {integrity: sha512-56483O+HVcL0c7VucAS2tyH020mt9XTozZO67cwtGg0a7KWDukS/FzW3OnvaHmTHDuYsoPIzO+ZHVfU6fT/bJw==}
-    peerDependencies:
-      typescript: ^4.7 || 5
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  '@formatjs/ts-transformer@3.13.14':
-    resolution: {integrity: sha512-TP/R54lxQ9Drzzimxrrt6yBT/xBofTgYl5wSTpyKe3Aq9vIBVcFmS6EOqycj0X34KGu3EpDPGO0ng8ZQZGLIFg==}
-    peerDependencies:
-      ts-jest: '>=27'
-    peerDependenciesMeta:
-      ts-jest:
-        optional: true
+  '@formatjs/intl-localematcher@0.6.2':
+    resolution: {integrity: sha512-XOMO2Hupl0wdd172Y06h6kLpBz6Dv+J4okPLl4LPtzbr8f66WbIoy4ev98EBuZ6ZK4h5ydTN6XneT4QVpD7cdA==}
 
   '@humanfs/core@0.19.0':
     resolution: {integrity: sha512-2cbWIHbZVEweE853g8jymffCA+NCMiuqeECeBBLm8dg2oFdjuGJhgN4UAbI+6v0CKbbhvtXA4qV8YR5Ji86nmw==}
@@ -1946,6 +1745,57 @@ packages:
   '@intercom/messenger-js-sdk@0.0.14':
     resolution: {integrity: sha512-2dH4BDAh9EI90K7hUkAdZ76W79LM45Sd1OBX7t6Vzy8twpNiQ5X+7sH9G5hlJlkSGnf+vFWlFcy9TOYAyEs1hA==}
 
+  '@intlify/bundle-utils@7.5.1':
+    resolution: {integrity: sha512-UovJl10oBIlmYEcWw+VIHdKY5Uv5sdPG0b/b6bOYxGLln3UwB75+2dlc0F3Fsa0RhoznQ5Rp589/BZpABpE4Xw==}
+    engines: {node: '>= 14.16'}
+    peerDependencies:
+      petite-vue-i18n: '*'
+      vue-i18n: '*'
+    peerDependenciesMeta:
+      petite-vue-i18n:
+        optional: true
+      vue-i18n:
+        optional: true
+
+  '@intlify/core-base@9.14.5':
+    resolution: {integrity: sha512-5ah5FqZG4pOoHjkvs8mjtv+gPKYU0zCISaYNjBNNqYiaITxW8ZtVih3GS/oTOqN8d9/mDLyrjD46GBApNxmlsA==}
+    engines: {node: '>= 16'}
+
+  '@intlify/core@9.14.5':
+    resolution: {integrity: sha512-Sx/587o6NCiuY1ScV+zEkVeMhA4SWpcOAG04jADxYqXnP63dy3vsAsuUvpGoifQc/l/hNd1MoHZtMNJr2TjnIg==}
+    engines: {node: '>= 16'}
+
+  '@intlify/h3@0.5.0':
+    resolution: {integrity: sha512-cgfrtD3qu3BPJ47gfZ35J2LJpI64Riic0K8NGgid5ilyPXRQTNY7mXlT/B+HZYQg1hmBxKa5G5HJXyAZ4R2H5A==}
+    engines: {node: '>= 18'}
+
+  '@intlify/message-compiler@9.14.5':
+    resolution: {integrity: sha512-IHzgEu61/YIpQV5Pc3aRWScDcnFKWvQA9kigcINcCBXN8mbW+vk9SK+lDxA6STzKQsVJxUPg9ACC52pKKo3SVQ==}
+    engines: {node: '>= 16'}
+
+  '@intlify/shared@9.14.5':
+    resolution: {integrity: sha512-9gB+E53BYuAEMhbCAxVgG38EZrk59sxBtv3jSizNL2hEWlgjBjAw1AwpLHtNaeda12pe6W20OGEa0TwuMSRbyQ==}
+    engines: {node: '>= 16'}
+
+  '@intlify/unplugin-vue-i18n@3.0.1':
+    resolution: {integrity: sha512-q1zJhA/WpoLBzAAuKA5/AEp0e+bMOM10ll/HxT4g1VAw/9JhC4TTobP9KobKH90JMZ4U2daLFlYQfKNd29lpqw==}
+    engines: {node: '>= 14.16'}
+    peerDependencies:
+      petite-vue-i18n: '*'
+      vue-i18n: '*'
+      vue-i18n-bridge: '*'
+    peerDependenciesMeta:
+      petite-vue-i18n:
+        optional: true
+      vue-i18n:
+        optional: true
+      vue-i18n-bridge:
+        optional: true
+
+  '@intlify/utils@0.12.0':
+    resolution: {integrity: sha512-yCBNcuZQ49iInqmWC2xfW0rgEQyNtCM8C8KcWKTXxyscgUE1+48gjLgZZqP75MjhlApxwph7ZMWLqyABkSgxQA==}
+    engines: {node: '>= 18'}
+
   '@ioredis/commands@1.2.0':
     resolution: {integrity: sha512-Sx1pU8EM64o2BrqNpEO1CNLtKQwyhuXuqyfH7oGKCk+1a33d2r5saW8zNwm3j6BTExtjrv2BxTgzzkMwts6vGg==}
 
@@ -2029,6 +1879,11 @@ packages:
   '@mdx-js/mdx@3.1.0':
     resolution: {integrity: sha512-/QxEhPAvGwbQmy1Px8F899L5Uc2KZ6JtXwlCgJmjSTBedwOZkByYcBG4GceIGPXRDsmfxhHazuS+hlOShRLeDw==}
 
+  '@miyaneee/rollup-plugin-json5@1.2.0':
+    resolution: {integrity: sha512-JjTIaXZp9WzhUHpElrqPnl1AzBi/rvRs065F71+aTmlqvTMVkdbjZ8vfFl4nRlgJy+TPBw69ZK4pwFdmOAt4aA==}
+    peerDependencies:
+      rollup: ^1.20.0 || ^2.0.0 || ^3.0.0 || ^4.0.0
+
   '@netlify/functions@2.8.2':
     resolution: {integrity: sha512-DeoAQh8LuNPvBE4qsKlezjKj0PyXDryOFJfJKo3Z1qZLKzQ21sT314KQKPVjfvw6knqijj+IO+0kHXy/TJiqNA==}
     engines: {node: '>=14.0.0'}
@@ -2103,6 +1958,10 @@ packages:
     peerDependencies:
       vue: ^3.3.4
 
+  '@nuxtjs/i18n@8.5.6':
+    resolution: {integrity: sha512-L+g+LygKNoaS/AXExk7tzS9wSNn9QdP1T9VdTjjEGYftpeFgv2U8AQsY0dQAhgPIbXXhIAkNYxTk4YcINj9CfA==}
+    engines: {node: ^14.16.0 || >=16.11.0}
+
   '@one-ini/wasm@0.1.1':
     resolution: {integrity: sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==}
 
@@ -2331,6 +2190,15 @@ packages:
       rollup:
         optional: true
 
+  '@rollup/plugin-yaml@4.1.2':
+    resolution: {integrity: sha512-RpupciIeZMUqhgFE97ba0s98mOFS7CWzN3EJNhJkqSv9XLlWYtwVdtE6cDw6ASOF/sZVFS7kRJXftaqM2Vakdw==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
   '@rollup/pluginutils@5.1.3':
     resolution: {integrity: sha512-Pnsb6f32CD2W3uCaLZIzDmeFyQ2b8UWMFI7xtwUezpcGBDVDW6y9XgAWIlARiGAo6eNF5FK5aQTr0LFyNyqq5A==}
     engines: {node: '>=14.0.0'}
@@ -2782,9 +2650,6 @@ packages:
   '@types/draco3d@1.4.10':
     resolution: {integrity: sha512-AX22jp8Y7wwaBgAixaSvkoG4M/+PlAcm3Qs4OW8yT9DM4xUpWKeFhLueTAyZF39pviAdcDdeJoACapiAceqNcw==}
 
-  '@types/eslint-scope@3.7.7':
-    resolution: {integrity: sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==}
-
   '@types/eslint@9.6.1':
     resolution: {integrity: sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==}
 
@@ -2797,9 +2662,6 @@ packages:
   '@types/estree@1.0.8':
     resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
 
-  '@types/fs-extra@9.0.13':
-    resolution: {integrity: sha512-nEnwB++1u5lVDM2UI4c1+5R+FYaKfaAzS4OococimjVm3nQw3TuzH5UNsocrcTBbhnerblyHj4A49qXbIiZdpA==}
-
   '@types/glob@9.0.0':
     resolution: {integrity: sha512-00UxlRaIUvYm4R4W9WYkN8/J+kV8fmOQ7okeH6YFtGWFMt3odD45tpG5yA5wnL7HE6lLgjaTW5n14ju2hl2NNA==}
     deprecated: This is a stub types definition. glob provides its own type definitions, so you do not need this installed.
@@ -2822,9 +2684,6 @@ packages:
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
-  '@types/json-stable-stringify@1.0.36':
-    resolution: {integrity: sha512-b7bq23s4fgBB76n34m2b3RBf6M369B0Z9uRR8aHTMd8kZISRkmDEpPD8hhpYvDFzr3bJCPES96cm3Q6qRNDbQw==}
-
   '@types/linkify-it@5.0.0':
     resolution: {integrity: sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==}
 
@@ -3041,54 +2900,6 @@ packages:
     engines: {node: '>=16'}
     hasBin: true
 
-  '@vintl/compact-number@2.0.7':
-    resolution: {integrity: sha512-7+tPqhgAdE5aZl9YMyS2BbFU8LwDq4V0eE5CQ2m1L8kyiIpZHitNOT1gWdcAbgO8W9kHsmW6YUZhCvkU7zagjg==}
-    peerDependencies:
-      '@formatjs/intl': ^2.7.1
-
-  '@vintl/how-ago@3.0.1':
-    resolution: {integrity: sha512-np9L5xGtlV2Qtop15IRTeD8yFLCwHZ2tJx9iJnZSWCs8IlWnV7QjXZji0f7IKsK7a+M2LvmXRVIoYUOIhgh23w==}
-    peerDependencies:
-      '@formatjs/intl': ^2.7.1
-
-  '@vintl/nuxt@1.9.2':
-    resolution: {integrity: sha512-+2MRe1ikAVMAoCsvkwmm1Z4Ap2GG0+OhVHEJEp324CIGwS98VLM4j8Y4sTItwKBzQAsa3t63AZpbBIp2SsuC3w==}
-
-  '@vintl/unplugin@1.5.2':
-    resolution: {integrity: sha512-mNOu/Y0elbATzD852ZhzI0Yw12VFuMnE/P1EbX/N+qLj7F2OWOefCtc88fi9NnaL13wsDSaH9PCuA7VJ/KA5iQ==}
-    engines: {node: '>=16'}
-    peerDependencies:
-      rollup: ^3
-      vite: ^4
-      webpack: ^5
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-      vite:
-        optional: true
-      webpack:
-        optional: true
-
-  '@vintl/unplugin@2.0.0':
-    resolution: {integrity: sha512-IEaSg0hzQoUBDjNSl9qTBwgC3YmGLAI0AMTYRlqc3u/09mleq3Ls8SZChlGtHl3FSU51uahtNpJ4mUkHhtTOhg==}
-    engines: {node: '>=16'}
-    peerDependencies:
-      rollup: ^4.0.0
-      vite: ^5.0.0
-      webpack: ^5
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-      vite:
-        optional: true
-      webpack:
-        optional: true
-
-  '@vintl/vintl@4.4.1':
-    resolution: {integrity: sha512-1fAnK1Ru4GlUH6v2UPqPMFXvatiZuDlgF3GBrUYDBvs4mzg+j3cmH9GgX7DqBtpRLI1iqcoQF10cnJs/e/0Dvw==}
-    peerDependencies:
-      vue: ^3.2.47
-
   '@vitejs/plugin-vue-jsx@4.1.1':
     resolution: {integrity: sha512-uMJqv/7u1zz/9NbWAD3XdjaY20tKTf17XVfQ9zq4wY1BjsB/PjpJPMe2xiG39QpP4ZdhYNhm4Hvo66uJrykNLA==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -3365,63 +3176,12 @@ packages:
   '@vueuse/shared@9.13.0':
     resolution: {integrity: sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==}
 
-  '@webassemblyjs/ast@1.14.1':
-    resolution: {integrity: sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==}
-
-  '@webassemblyjs/floating-point-hex-parser@1.13.2':
-    resolution: {integrity: sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==}
-
-  '@webassemblyjs/helper-api-error@1.13.2':
-    resolution: {integrity: sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==}
-
-  '@webassemblyjs/helper-buffer@1.14.1':
-    resolution: {integrity: sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==}
-
-  '@webassemblyjs/helper-numbers@1.13.2':
-    resolution: {integrity: sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==}
-
-  '@webassemblyjs/helper-wasm-bytecode@1.13.2':
-    resolution: {integrity: sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==}
-
-  '@webassemblyjs/helper-wasm-section@1.14.1':
-    resolution: {integrity: sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==}
-
-  '@webassemblyjs/ieee754@1.13.2':
-    resolution: {integrity: sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==}
-
-  '@webassemblyjs/leb128@1.13.2':
-    resolution: {integrity: sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==}
-
-  '@webassemblyjs/utf8@1.13.2':
-    resolution: {integrity: sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==}
-
-  '@webassemblyjs/wasm-edit@1.14.1':
-    resolution: {integrity: sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==}
-
-  '@webassemblyjs/wasm-gen@1.14.1':
-    resolution: {integrity: sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==}
-
-  '@webassemblyjs/wasm-opt@1.14.1':
-    resolution: {integrity: sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==}
-
-  '@webassemblyjs/wasm-parser@1.14.1':
-    resolution: {integrity: sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==}
-
-  '@webassemblyjs/wast-printer@1.14.1':
-    resolution: {integrity: sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==}
-
   '@webgpu/types@0.1.54':
     resolution: {integrity: sha512-81oaalC8LFrXjhsczomEQ0u3jG+TqE6V9QHLA8GNZq/Rnot0KDugu3LhSYSlie8tSdooAN1Hov05asrUUp9qgg==}
 
   '@xml-tools/parser@1.0.11':
     resolution: {integrity: sha512-aKqQ077XnR+oQtHJlrAflaZaL7qZsulWc/i/ZEooar5JiWj1eLt0+Wg28cpa+XLney107wXqneC+oG1IZvxkTA==}
 
-  '@xtuc/ieee754@1.2.0':
-    resolution: {integrity: sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==}
-
-  '@xtuc/long@4.2.2':
-    resolution: {integrity: sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==}
-
   '@yr/monotone-cubic-spline@1.0.3':
     resolution: {integrity: sha512-FQXkOta0XBSUPHndIKON2Y9JeQz5ZeMqLYZVVK93FliNBFm7LNMIZmY6FrMEB9XPcDbE2bekMbZD6kzDkxwYjA==}
 
@@ -3475,24 +3235,6 @@ packages:
       ajv:
         optional: true
 
-  ajv-formats@2.1.1:
-    resolution: {integrity: sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==}
-    peerDependencies:
-      ajv: ^8.0.0
-    peerDependenciesMeta:
-      ajv:
-        optional: true
-
-  ajv-keywords@3.5.2:
-    resolution: {integrity: sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==}
-    peerDependencies:
-      ajv: ^6.9.1
-
-  ajv-keywords@5.1.0:
-    resolution: {integrity: sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==}
-    peerDependencies:
-      ajv: ^8.8.2
-
   ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
 
@@ -3574,10 +3316,6 @@ packages:
     resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
     engines: {node: '>= 0.4'}
 
-  array-find-index@1.0.2:
-    resolution: {integrity: sha512-M1HQyIXcBGtVywBt8WVdim+lrNaK7VHp99Qt5pSNziXznKHViIBbXWtfRTpEFpF/c4FdfxNAsCCwPp5phBYJtw==}
-    engines: {node: '>=0.10.0'}
-
   array-iterate@2.0.1:
     resolution: {integrity: sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg==}
 
@@ -3638,10 +3376,6 @@ packages:
   base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
 
-  baseline-browser-mapping@2.9.6:
-    resolution: {integrity: sha512-v9BVVpOTLB59C9E7aSnmIF8h7qRsFpx+A2nugVMTszEOMcfjlZMsXRm4LF23I3Z9AJxc8ANpIvzbzONoX9VJlg==}
-    hasBin: true
-
   bcp-47-match@2.0.3:
     resolution: {integrity: sha512-JtTezzbAibu8G0R9op9zb3vcWZd9JF6M0xOYGPn0fNCd7wOpRB1mU2mH9T8gaBGbAAyIIVgB2G7xG0GP98zMAQ==}
 
@@ -3680,11 +3414,6 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
-  browserslist@4.28.1:
-    resolution: {integrity: sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==}
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
-
   buffer-crc32@1.0.0:
     resolution: {integrity: sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==}
     engines: {node: '>=8.0.0'}
@@ -3727,10 +3456,6 @@ packages:
     resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
     engines: {node: '>= 0.4'}
 
-  call-bind@1.0.7:
-    resolution: {integrity: sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==}
-    engines: {node: '>= 0.4'}
-
   call-bound@1.0.4:
     resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
     engines: {node: '>= 0.4'}
@@ -3764,9 +3489,6 @@ packages:
   caniuse-lite@1.0.30001687:
     resolution: {integrity: sha512-0S/FDhf4ZiqrTUiQ39dKeUjYRjkv7lOZU1Dgif2rIqrTzX/1wV2hfKu9TOm1IHkdSijfLswxTFzl/cvir+SLSQ==}
 
-  caniuse-lite@1.0.30001760:
-    resolution: {integrity: sha512-7AAMPcueWELt1p3mi13HR/LHH0TJLT11cnwDJEs3xA4+CK/PLKeO9Kl1oru24htkyUKtkGCvAx4ohB0Ttry8Dw==}
-
   ccount@2.0.1:
     resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
 
@@ -3812,10 +3534,6 @@ packages:
     resolution: {integrity: sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==}
     engines: {node: '>=10'}
 
-  chrome-trace-event@1.0.4:
-    resolution: {integrity: sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==}
-    engines: {node: '>=6.0'}
-
   ci-info@2.0.0:
     resolution: {integrity: sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==}
 
@@ -4075,10 +3793,6 @@ packages:
   csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
-  currently-unhandled@0.4.1:
-    resolution: {integrity: sha512-/fITjgjGU50vjQ4FH6eUoYu+iUoUKIXws2hL15JJpIR+BbTxaXQsMuuyjtNh2WqsSBS5nsaZHFsFecyw5CCAng==}
-    engines: {node: '>=0.10.0'}
-
   dayjs@1.11.11:
     resolution: {integrity: sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==}
 
@@ -4156,6 +3870,9 @@ packages:
       supports-color:
         optional: true
 
+  decimal.js@10.6.0:
+    resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
+
   decode-named-character-reference@1.0.2:
     resolution: {integrity: sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==}
 
@@ -4177,10 +3894,6 @@ packages:
     resolution: {integrity: sha512-WY/3TUME0x3KPYdRRxEJJvXRHV4PyPoUsxtZa78lwItwRQRHhd2U9xOscaT/YTf8uCXIAjeJOFBVEh/7FtD8Xg==}
     engines: {node: '>=18'}
 
-  define-data-property@1.1.4:
-    resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
-    engines: {node: '>= 0.4'}
-
   define-lazy-prop@2.0.0:
     resolution: {integrity: sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==}
     engines: {node: '>=8'}
@@ -4318,9 +4031,6 @@ packages:
   ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
 
-  electron-to-chromium@1.5.267:
-    resolution: {integrity: sha512-0Drusm6MVRXSOJpGbaSVgcQsuB4hEkMpHXaVstcPmhu5LIedxs1xNK/nIxmQIU/RPC0+1/o0AVZfBTkTNJOdUw==}
-
   electron-to-chromium@1.5.71:
     resolution: {integrity: sha512-dB68l59BI75W1BUGVTAEJy45CEVuEGy9qPVVQ8pnHyHMn36PLPPoE1mjLH+lo9rKulO3HC2OhbACI/8tCqJBcA==}
 
@@ -4354,10 +4064,6 @@ packages:
     resolution: {integrity: sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==}
     engines: {node: '>=10.13.0'}
 
-  enhanced-resolve@5.18.3:
-    resolution: {integrity: sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==}
-    engines: {node: '>=10.13.0'}
-
   entities@2.2.0:
     resolution: {integrity: sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==}
 
@@ -4378,10 +4084,6 @@ packages:
   errx@0.1.0:
     resolution: {integrity: sha512-fZmsRiDNv07K6s2KkKFTiD2aIvECa7++PKyD5NC32tpRw46qZA3sOz+aM+/V9V0GDHxVTKLziveV4JhzBHDp9Q==}
 
-  es-define-property@1.0.0:
-    resolution: {integrity: sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==}
-    engines: {node: '>= 0.4'}
-
   es-define-property@1.0.1:
     resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
     engines: {node: '>= 0.4'}
@@ -4396,9 +4098,6 @@ packages:
   es-module-lexer@1.6.0:
     resolution: {integrity: sha512-qqnD1yMU6tk/jnaMosogGySTZP8YtUgAffA9nMN+E/rjxcfRQ6IEk7IiozUjgxKoFHBGjTLnrHB/YC45r/59EQ==}
 
-  es-module-lexer@1.7.0:
-    resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
-
   es-object-atoms@1.1.1:
     resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
     engines: {node: '>= 0.4'}
@@ -4409,11 +4108,6 @@ packages:
   esast-util-from-js@2.0.1:
     resolution: {integrity: sha512-8Ja+rNJ0Lt56Pcf3TAmpBZjmx8ZcK5Ts4cAzIOjsjevg9oSXJnl6SUQ2EevU8tv3h6ZLWmoKL5H4fgWvdvfETw==}
 
-  esbuild@0.18.20:
-    resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==}
-    engines: {node: '>=12'}
-    hasBin: true
-
   esbuild@0.21.5:
     resolution: {integrity: sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==}
     engines: {node: '>=12'}
@@ -4448,6 +4142,11 @@ packages:
     resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
     engines: {node: '>=12'}
 
+  escodegen@2.1.0:
+    resolution: {integrity: sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==}
+    engines: {node: '>=6.0'}
+    hasBin: true
+
   eslint-config-flat-gitignore@0.3.0:
     resolution: {integrity: sha512-0Ndxo4qGhcewjTzw52TK06Mc00aDtHNTdeeW2JfONgDcLkRO/n/BteMRzNVpLQYxdCC/dFEilfM9fjjpGIJ9Og==}
     peerDependencies:
@@ -4531,10 +4230,6 @@ packages:
     peerDependencies:
       eslint: ^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0
 
-  eslint-scope@5.1.1:
-    resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
-    engines: {node: '>=8.0.0'}
-
   eslint-scope@7.2.2:
     resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -4610,10 +4305,6 @@ packages:
     resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
     engines: {node: '>=4.0'}
 
-  estraverse@4.3.0:
-    resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==}
-    engines: {node: '>=4.0'}
-
   estraverse@5.3.0:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
     engines: {node: '>=4.0'}
@@ -4816,10 +4507,6 @@ packages:
     resolution: {integrity: sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==}
     engines: {node: '>= 0.6'}
 
-  fs-extra@10.1.0:
-    resolution: {integrity: sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==}
-    engines: {node: '>=12'}
-
   fs-extra@11.2.0:
     resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==}
     engines: {node: '>=14.14'}
@@ -4860,10 +4547,6 @@ packages:
     resolution: {integrity: sha512-2nk+7SIVb14QrgXFHcm84tD4bKQz0RxPuMT8Ag5KPOq7J5fEmAg0UbXdTOSHqNuHSU28k55qnceesxXRZGzKWA==}
     engines: {node: '>=18'}
 
-  get-intrinsic@1.2.4:
-    resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==}
-    engines: {node: '>= 0.4'}
-
   get-intrinsic@1.3.0:
     resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
     engines: {node: '>= 0.4'}
@@ -4919,9 +4602,6 @@ packages:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
 
-  glob-to-regexp@0.4.1:
-    resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==}
-
   glob@10.4.2:
     resolution: {integrity: sha512-GwMlUF6PkPo3Gk21UxkCohOv0PLcIXVtKyLlpEI28R/cO/4eNOdmLk3CMW1wROV/WR/EsZOWAfBbBOqYvs88/w==}
     engines: {node: '>=16 || 14 >=14.18'}
@@ -4968,9 +4648,6 @@ packages:
   glsl-tokenizer@2.1.5:
     resolution: {integrity: sha512-XSZEJ/i4dmz3Pmbnpsy3cKh7cotvFlBiZnDOwnj/05EwNp2XrhQ4XKJxT7/pDt4kp4YcpRSKz8eTV7S+mwV6MA==}
 
-  gopd@1.0.1:
-    resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
-
   gopd@1.2.0:
     resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
     engines: {node: '>= 0.4'}
@@ -5002,17 +4679,6 @@ packages:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
     engines: {node: '>=8'}
 
-  has-property-descriptors@1.0.2:
-    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
-
-  has-proto@1.0.3:
-    resolution: {integrity: sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==}
-    engines: {node: '>= 0.4'}
-
-  has-symbols@1.0.3:
-    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
-    engines: {node: '>= 0.4'}
-
   has-symbols@1.1.0:
     resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
     engines: {node: '>= 0.4'}
@@ -5237,8 +4903,8 @@ packages:
   inline-style-parser@0.2.3:
     resolution: {integrity: sha512-qlD8YNDqyTKTyuITrDOffsl6Tdhv+UC4hcdAVuQsK4IMQ99nSgd1MIA/Q+jQYoh9r3hVUXhYh7urSRmXPkW04g==}
 
-  intl-messageformat@10.5.14:
-    resolution: {integrity: sha512-IjC6sI0X7YRjjyVH9aUgdftcmZK7WXdHeil4KwbjDnRWjnVitKpAx3rr6t6di1joFp5188VqKcobOPA6mCLG/w==}
+  intl-messageformat@10.7.18:
+    resolution: {integrity: sha512-m3Ofv/X/tV8Y3tHXLohcuVuhWKo7BBq62cqY15etqmLxg2DZ34AGGgQDeR+SCta2+zICb1NX83af0GJmbQ1++g==}
 
   ioredis@5.4.1:
     resolution: {integrity: sha512-2YZsvl7jopIa1gaePkeMtd9rAcSjOOjPtpcLlOeusyO+XH2SK5ZcT+UCrElPP+WVIInh2TzeI4XW9ENaSLVVHA==}
@@ -5307,6 +4973,9 @@ packages:
   is-hexadecimal@2.0.1:
     resolution: {integrity: sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==}
 
+  is-https@4.0.0:
+    resolution: {integrity: sha512-FeMLiqf8E5g6SdiVJsPcNZX8k4h2fBs1wp5Bb6uaNxn58ufK1axBqQZdmAQsqh0t9BuwFObybrdVJh6MKyPlyg==}
+
   is-inside-container@1.0.0:
     resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
     engines: {node: '>=14.16'}
@@ -5375,9 +5044,6 @@ packages:
   isarray@1.0.0:
     resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==}
 
-  isarray@2.0.5:
-    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
-
   isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
@@ -5388,10 +5054,6 @@ packages:
     resolution: {integrity: sha512-JVYhQnN59LVPFCEcVa2C3CrEKYacvjRfqIQl+h8oi91aLYQVWRYbxjPcv1bUiUy/kLmQaANrYfNMCO3kuEDHfw==}
     engines: {node: '>=14'}
 
-  jest-worker@27.5.1:
-    resolution: {integrity: sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==}
-    engines: {node: '>= 10.13.0'}
-
   jiti@1.21.6:
     resolution: {integrity: sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==}
     hasBin: true
@@ -5459,10 +5121,6 @@ packages:
   json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
 
-  json-stable-stringify@1.1.1:
-    resolution: {integrity: sha512-SU/971Kt5qVQfJpyDveVhQ/vya+5hvrjClFOcr8c0Fq5aODJjMwutrOfCU+eCnVD5gpx1Q3fEqkyom77zH1iIg==}
-    engines: {node: '>= 0.4'}
-
   json-to-ast@2.1.0:
     resolution: {integrity: sha512-W9Lq347r8tA1DfMvAGn9QNcgYm4Wm7Yc+k8e6vezpMnRT+NHbtlxgNBXRVjXe9YM6eTn6+p/MKOlV/aABJcSnQ==}
     engines: {node: '>= 4'}
@@ -5472,6 +5130,10 @@ packages:
     engines: {node: '>=6'}
     hasBin: true
 
+  jsonc-eslint-parser@2.4.2:
+    resolution: {integrity: sha512-1e4qoRgnn448pRuMvKGsFFymUCquZV0mpGgOyIKNgD3JVDTsVJyRBGH/Fm0tBb8WsWGgmB1mDe6/yJMQM37DUA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
   jsonc-parser@2.3.1:
     resolution: {integrity: sha512-H8jvkz1O50L3dMZCsLqiuB2tA7muqbSg1AtGEkN0leAqGjsUzDJir3Zwr02BhqdcITPg3ei3mZ+HjMocAknhhg==}
 
@@ -5481,9 +5143,6 @@ packages:
   jsonfile@6.1.0:
     resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
 
-  jsonify@0.0.1:
-    resolution: {integrity: sha512-2/Ki0GcmuqSrgFyelQq9M05y7PS0mEwuIzrf3f1fPqkVDVRvZrPZtVSMHxdgo8Aq0sxAOb/cr2aqqA3LeWHVPg==}
-
   jsonpointer@5.0.1:
     resolution: {integrity: sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==}
     engines: {node: '>=0.10.0'}
@@ -5565,10 +5224,6 @@ packages:
     resolution: {integrity: sha512-OfCBkGEw4nN6JLtgRidPX6QxjBQGQf72q3si2uvqyFEMbycSFFHwAZeXx6cJgFM9wmLrf9zBwCP3Ivqa+LLZPw==}
     engines: {node: '>=6'}
 
-  loader-runner@4.3.1:
-    resolution: {integrity: sha512-IWqP2SCPhyVFTBtRcgMHdzlf9ul25NwaFx4wCEH/KjAXuuHY4yNjvPXsBokp8jCB936PyWRaPKUNh8NvylLp2Q==}
-    engines: {node: '>=6.11.5'}
-
   local-pkg@0.5.1:
     resolution: {integrity: sha512-9rrA30MRRP3gBD3HTGnC6cDFpaE1kVDWxWgqWJUN0RvDNAo+Nz/9GxB+nHOH0ifbVFy0hSA1V6vFDvnx54lTEQ==}
     engines: {node: '>=14'}
@@ -5610,10 +5265,6 @@ packages:
   longest-streak@3.1.0:
     resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
 
-  loud-rejection@2.2.0:
-    resolution: {integrity: sha512-S0FayMXku80toa5sZ6Ro4C+s+EtFDCsyJNG/AzFMfX3AxD5Si4dZsgzm/kKnbOxHl5Cv8jBlno8+3XYIh2pNjQ==}
-    engines: {node: '>=8'}
-
   lower-case@2.0.2:
     resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
 
@@ -5871,18 +5522,10 @@ packages:
     resolution: {integrity: sha512-5k547tI4Cy+Lddr/hdjNbBEWBwSl8EBc5aSdKvedav8DReADgWJzcYiktaRIw3GtGC1jjwldXtTzvqJZmtvC7w==}
     engines: {node: '>= 0.6'}
 
-  mime-db@1.52.0:
-    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
-    engines: {node: '>= 0.6'}
-
   mime-types@2.1.13:
     resolution: {integrity: sha512-ryBDp1Z/6X90UvjUK3RksH0IBPM137T7cmg4OgD5wQBojlAiUwuok0QeELkim/72EtcYuNlmbkrcGuxj3Kl0YQ==}
     engines: {node: '>= 0.6'}
 
-  mime-types@2.1.35:
-    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
-    engines: {node: '>= 0.6'}
-
   mime@1.6.0:
     resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==}
     engines: {node: '>=4'}
@@ -5974,11 +5617,6 @@ packages:
   mz@2.7.0:
     resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
 
-  nanoid@3.3.11:
-    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
-
   nanoid@3.3.7:
     resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -6000,9 +5638,6 @@ packages:
   natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
-  neo-async@2.6.2:
-    resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
-
   neotraverse@0.6.18:
     resolution: {integrity: sha512-Z4SmBUweYa09+o6pG+eASabEpP6QkQ70yHj351pQoEXIs8uHbaU2DWVmzBANKgflPa47A50PtB2+NgRpQvr7vA==}
     engines: {node: '>= 10'}
@@ -6062,9 +5697,6 @@ packages:
   node-releases@2.0.18:
     resolution: {integrity: sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==}
 
-  node-releases@2.0.27:
-    resolution: {integrity: sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==}
-
   nopt@5.0.0:
     resolution: {integrity: sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==}
     engines: {node: '>=6'}
@@ -6153,10 +5785,6 @@ packages:
     resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
     engines: {node: '>= 0.4'}
 
-  object-keys@1.1.1:
-    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
-    engines: {node: '>= 0.4'}
-
   ofetch@1.4.1:
     resolution: {integrity: sha512-QZj2DfGplQAr2oj9KzceK9Hwz6Whxazmn85yYeVuS3u9XTMOGMRx0kO95MQ+vLsj/S/NwBDMMLU5hpxvI6Tklw==}
 
@@ -6624,10 +6252,6 @@ packages:
     resolution: {integrity: sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==}
     engines: {node: ^10 || ^12 || >=14}
 
-  postcss@8.5.6:
-    resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
-    engines: {node: ^10 || ^12 || >=14}
-
   posthog-js@1.158.2:
     resolution: {integrity: sha512-ovb7GHHRNDf6vmuL+8lbDukewzDzQlLZXg3d475hrfHSBgidYeTxtLGtoBcUz4x6558BLDFjnSip+f3m4rV9LA==}
 
@@ -7022,11 +6646,6 @@ packages:
       rollup:
         optional: true
 
-  rollup@3.29.4:
-    resolution: {integrity: sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==}
-    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
-    hasBin: true
-
   rollup@4.28.1:
     resolution: {integrity: sha512-61fXYl/qNVinKmGSTHAZ6Yy8I3YIJC/r2m9feHo6SwVAVcLT5MPwOUFe7EuURA/4m0NR8lXG4BBXuo/IZEsjMg==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
@@ -7061,14 +6680,6 @@ packages:
   sax@1.4.1:
     resolution: {integrity: sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==}
 
-  schema-utils@3.3.0:
-    resolution: {integrity: sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==}
-    engines: {node: '>= 10.13.0'}
-
-  schema-utils@4.3.3:
-    resolution: {integrity: sha512-eflK8wEtyOE6+hsaRVPxvUKYCpRgzLqDTb8krvAsRIwOGlHoSgYLgBXoubGgLd2fT41/OUYdb48v4k4WWHQurA==}
-    engines: {node: '>= 10.13.0'}
-
   scslre@0.3.0:
     resolution: {integrity: sha512-3A6sD0WYP7+QrjbfNA2FN3FsOaGGFoekCVgTyypy53gPxhbkCIjtO6YWgdrfM+n/8sI8JeXZOIxsHjMTNxQ4nQ==}
     engines: {node: ^14.0.0 || >=16.0.0}
@@ -7128,10 +6739,6 @@ packages:
   set-blocking@2.0.0:
     resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
 
-  set-function-length@1.2.2:
-    resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
-    engines: {node: '>= 0.4'}
-
   setimmediate@1.0.5:
     resolution: {integrity: sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==}
 
@@ -7401,10 +7008,6 @@ packages:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
 
-  supports-color@8.1.1:
-    resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==}
-    engines: {node: '>=10'}
-
   supports-color@9.4.0:
     resolution: {integrity: sha512-VL+lNrEoIXww1coLPOmiEmK/0sGigko5COxI09KzHc2VJXJsQ37UaQ+8quuxjDeA7+KnLGTWRyOXSLLR2Wb4jw==}
     engines: {node: '>=12'}
@@ -7473,10 +7076,6 @@ packages:
     resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
     engines: {node: '>=6'}
 
-  tapable@2.3.0:
-    resolution: {integrity: sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==}
-    engines: {node: '>=6'}
-
   tar-stream@3.1.7:
     resolution: {integrity: sha512-qJj60CXt7IU1Ffyc3NJMjh6EkuCFej46zUqJ4J7pqYlThyd9bO0XBTmcOIhSzZJVWfsLks0+nle/j538YAW9RQ==}
 
@@ -7484,22 +7083,6 @@ packages:
     resolution: {integrity: sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==}
     engines: {node: '>=10'}
 
-  terser-webpack-plugin@5.3.15:
-    resolution: {integrity: sha512-PGkOdpRFK+rb1TzVz+msVhw4YMRT9txLF4kRqvJhGhCM324xuR3REBSHALN+l+sAhKUmz0aotnjp5D+P83mLhQ==}
-    engines: {node: '>= 10.13.0'}
-    peerDependencies:
-      '@swc/core': '*'
-      esbuild: '*'
-      uglify-js: '*'
-      webpack: ^5.1.0
-    peerDependenciesMeta:
-      '@swc/core':
-        optional: true
-      esbuild:
-        optional: true
-      uglify-js:
-        optional: true
-
   terser@5.42.0:
     resolution: {integrity: sha512-UYCvU9YQW2f/Vwl+P0GfhxJxbUGLwd+5QrrGgLajzWAtC/23AX0vcise32kkP7Eu0Wu9VlzzHAXkLObgjQfFlQ==}
     engines: {node: '>=10'}
@@ -7579,6 +7162,10 @@ packages:
     resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
     engines: {node: '>=0.6'}
 
+  tosource@2.0.0-alpha.3:
+    resolution: {integrity: sha512-KAB2lrSS48y91MzFPFuDg4hLbvDiyTjOVgaK7Erw+5AmZXNq4sFRVn8r6yxSLuNs15PaokrDRpS61ERY9uZOug==}
+    engines: {node: '>=10'}
+
   totalist@3.0.1:
     resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
     engines: {node: '>=6'}
@@ -7620,6 +7207,9 @@ packages:
   tslib@2.6.3:
     resolution: {integrity: sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==}
 
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
   turbo-darwin-64@2.5.4:
     resolution: {integrity: sha512-ah6YnH2dErojhFooxEzmvsoZQTMImaruZhFPfMKPBq8sb+hALRdvBNLqfc8NWlZq576FkfRZ/MSi4SHvVFT9PQ==}
     cpu: [x64]
@@ -7938,12 +7528,6 @@ packages:
     peerDependencies:
       browserslist: '>= 4.21.0'
 
-  update-browserslist-db@1.2.2:
-    resolution: {integrity: sha512-E85pfNzMQ9jpKkA7+TJAi4TJN+tBCuWh5rUcS/sv6cFi+1q9LYDwDI5dpUL0u/73EElyQ8d3TEaeW4sPedBqYA==}
-    hasBin: true
-    peerDependencies:
-      browserslist: '>= 4.21.0'
-
   uqr@0.1.2:
     resolution: {integrity: sha512-MJu7ypHq6QasgF5YRTjqscSzQp/W11zoUk6kvmlH+fmWEs63Y0Eib13hYFwAzagRJcVY8WVnlV+eBDUGMJ5IbA==}
 
@@ -8039,34 +7623,6 @@ packages:
     peerDependencies:
       vue: '>=3.2.13'
 
-  vite@4.5.3:
-    resolution: {integrity: sha512-kQL23kMeX92v3ph7IauVkXkikdDRsYMGTVl5KY2E9OY4ONLvkHf04MDTbnfo6NKxZiDLWzVpP5oTa8hQD8U3dg==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': '>= 14'
-      less: '*'
-      lightningcss: ^1.21.0
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-
   vite@5.4.11:
     resolution: {integrity: sha512-c7jFQRklXua0mTzneGW9QVyxFjUgwcihC4bXEtujIo2ouWCe1Ajt/amn2PCxYnhYfd5k09JX3SB7OYWFKYqj8Q==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -8291,6 +7847,12 @@ packages:
     peerDependencies:
       eslint: '>=6.0.0'
 
+  vue-i18n@9.14.5:
+    resolution: {integrity: sha512-0jQ9Em3ymWngyiIkj0+c/k7WgaPO+TNzjKSNq9BvBQaKJECqn9cd9fL4tkDhB5G1QBskGl9YxxbDAhgbFtpe2g==}
+    engines: {node: '>= 16'}
+    peerDependencies:
+      vue: ^3.0.0
+
   vue-multiselect@3.0.0:
     resolution: {integrity: sha512-uupKdINgz7j83lQToCL7KkgQQxvG43el++hsR39YT9pCe1DwzUGmKzPxjVP6rqskXed5P6DtUASYAlCliW740Q==}
     engines: {node: '>= 14.18.1', npm: '>= 6.14.15'}
@@ -8363,10 +7925,6 @@ packages:
   w3c-keyname@2.2.8:
     resolution: {integrity: sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==}
 
-  watchpack@2.4.4:
-    resolution: {integrity: sha512-c5EGNOiyxxV5qmTtAB7rbiXxi1ooX1pQKMLX/MIabJjRA0SJBQOjKF+KSVfHkr9U1cADPon0mRiVe/riyaiDUA==}
-    engines: {node: '>=10.13.0'}
-
   web-namespaces@2.0.1:
     resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==}
 
@@ -8376,23 +7934,9 @@ packages:
   webidl-conversions@3.0.1:
     resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
 
-  webpack-sources@3.3.3:
-    resolution: {integrity: sha512-yd1RBzSGanHkitROoPFd6qsrxt+oFhg/129YzheDGqeustzX0vTZJZsSsQjVQC4yzBQ56K55XU8gaNCtIzOnTg==}
-    engines: {node: '>=10.13.0'}
-
   webpack-virtual-modules@0.6.2:
     resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
 
-  webpack@5.92.1:
-    resolution: {integrity: sha512-JECQ7IwJb+7fgUFBlrJzbyu3GEuNBcdqr1LD7IbSzwkSmIevTm8PF+wej3Oxuz/JFBUZ6O1o43zsPkwm1C4TmA==}
-    engines: {node: '>=10.13.0'}
-    hasBin: true
-    peerDependencies:
-      webpack-cli: '*'
-    peerDependenciesMeta:
-      webpack-cli:
-        optional: true
-
   whatwg-url@5.0.0:
     resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
 
@@ -8496,6 +8040,10 @@ packages:
   yaml-ast-parser@0.0.43:
     resolution: {integrity: sha512-2PTINUwsRqSd+s8XxKaJWQlUuEMHJQyEuh2edBbW8KNJz0SJPwUSD2zRWqezFEdN7IzAgeuYHFUCF7o8zRdZ0A==}
 
+  yaml-eslint-parser@1.3.2:
+    resolution: {integrity: sha512-odxVsHAkZYYglR30aPYRY4nUGJnoJ2y1ww2HDvZALo0BDETv9kWbi16J52eHs+PWRNmF4ub6nZqfVOeesOvntg==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+
   yaml-language-server@1.15.0:
     resolution: {integrity: sha512-N47AqBDCMQmh6mBLmI6oqxryHRzi33aPFPsJhYy3VTUGCdLHYjGh4FZzpUjRlphaADBBkDmnkM/++KNIOHi5Rw==}
     hasBin: true
@@ -8921,14 +8469,6 @@ snapshots:
       '@babel/helper-string-parser': 7.25.9
       '@babel/helper-validator-identifier': 7.25.9
 
-  '@braw/async-computed@5.0.2(vue@3.5.13(typescript@5.5.4))':
-    dependencies:
-      vue: 3.5.13(typescript@5.5.4)
-
-  '@braw/async-computed@5.0.2(vue@3.5.13(typescript@5.8.3))':
-    dependencies:
-      vue: 3.5.13(typescript@5.8.3)
-
   '@cloudflare/kv-asset-handler@0.3.4':
     dependencies:
       mime: 3.0.0
@@ -9057,9 +8597,6 @@ snapshots:
   '@esbuild/aix-ppc64@0.25.0':
     optional: true
 
-  '@esbuild/android-arm64@0.18.20':
-    optional: true
-
   '@esbuild/android-arm64@0.21.5':
     optional: true
 
@@ -9069,9 +8606,6 @@ snapshots:
   '@esbuild/android-arm64@0.25.0':
     optional: true
 
-  '@esbuild/android-arm@0.18.20':
-    optional: true
-
   '@esbuild/android-arm@0.21.5':
     optional: true
 
@@ -9081,9 +8615,6 @@ snapshots:
   '@esbuild/android-arm@0.25.0':
     optional: true
 
-  '@esbuild/android-x64@0.18.20':
-    optional: true
-
   '@esbuild/android-x64@0.21.5':
     optional: true
 
@@ -9093,9 +8624,6 @@ snapshots:
   '@esbuild/android-x64@0.25.0':
     optional: true
 
-  '@esbuild/darwin-arm64@0.18.20':
-    optional: true
-
   '@esbuild/darwin-arm64@0.21.5':
     optional: true
 
@@ -9105,9 +8633,6 @@ snapshots:
   '@esbuild/darwin-arm64@0.25.0':
     optional: true
 
-  '@esbuild/darwin-x64@0.18.20':
-    optional: true
-
   '@esbuild/darwin-x64@0.21.5':
     optional: true
 
@@ -9117,9 +8642,6 @@ snapshots:
   '@esbuild/darwin-x64@0.25.0':
     optional: true
 
-  '@esbuild/freebsd-arm64@0.18.20':
-    optional: true
-
   '@esbuild/freebsd-arm64@0.21.5':
     optional: true
 
@@ -9129,9 +8651,6 @@ snapshots:
   '@esbuild/freebsd-arm64@0.25.0':
     optional: true
 
-  '@esbuild/freebsd-x64@0.18.20':
-    optional: true
-
   '@esbuild/freebsd-x64@0.21.5':
     optional: true
 
@@ -9141,9 +8660,6 @@ snapshots:
   '@esbuild/freebsd-x64@0.25.0':
     optional: true
 
-  '@esbuild/linux-arm64@0.18.20':
-    optional: true
-
   '@esbuild/linux-arm64@0.21.5':
     optional: true
 
@@ -9153,9 +8669,6 @@ snapshots:
   '@esbuild/linux-arm64@0.25.0':
     optional: true
 
-  '@esbuild/linux-arm@0.18.20':
-    optional: true
-
   '@esbuild/linux-arm@0.21.5':
     optional: true
 
@@ -9165,9 +8678,6 @@ snapshots:
   '@esbuild/linux-arm@0.25.0':
     optional: true
 
-  '@esbuild/linux-ia32@0.18.20':
-    optional: true
-
   '@esbuild/linux-ia32@0.21.5':
     optional: true
 
@@ -9177,9 +8687,6 @@ snapshots:
   '@esbuild/linux-ia32@0.25.0':
     optional: true
 
-  '@esbuild/linux-loong64@0.18.20':
-    optional: true
-
   '@esbuild/linux-loong64@0.21.5':
     optional: true
 
@@ -9189,9 +8696,6 @@ snapshots:
   '@esbuild/linux-loong64@0.25.0':
     optional: true
 
-  '@esbuild/linux-mips64el@0.18.20':
-    optional: true
-
   '@esbuild/linux-mips64el@0.21.5':
     optional: true
 
@@ -9201,9 +8705,6 @@ snapshots:
   '@esbuild/linux-mips64el@0.25.0':
     optional: true
 
-  '@esbuild/linux-ppc64@0.18.20':
-    optional: true
-
   '@esbuild/linux-ppc64@0.21.5':
     optional: true
 
@@ -9213,9 +8714,6 @@ snapshots:
   '@esbuild/linux-ppc64@0.25.0':
     optional: true
 
-  '@esbuild/linux-riscv64@0.18.20':
-    optional: true
-
   '@esbuild/linux-riscv64@0.21.5':
     optional: true
 
@@ -9225,9 +8723,6 @@ snapshots:
   '@esbuild/linux-riscv64@0.25.0':
     optional: true
 
-  '@esbuild/linux-s390x@0.18.20':
-    optional: true
-
   '@esbuild/linux-s390x@0.21.5':
     optional: true
 
@@ -9237,9 +8732,6 @@ snapshots:
   '@esbuild/linux-s390x@0.25.0':
     optional: true
 
-  '@esbuild/linux-x64@0.18.20':
-    optional: true
-
   '@esbuild/linux-x64@0.21.5':
     optional: true
 
@@ -9252,9 +8744,6 @@ snapshots:
   '@esbuild/netbsd-arm64@0.25.0':
     optional: true
 
-  '@esbuild/netbsd-x64@0.18.20':
-    optional: true
-
   '@esbuild/netbsd-x64@0.21.5':
     optional: true
 
@@ -9270,9 +8759,6 @@ snapshots:
   '@esbuild/openbsd-arm64@0.25.0':
     optional: true
 
-  '@esbuild/openbsd-x64@0.18.20':
-    optional: true
-
   '@esbuild/openbsd-x64@0.21.5':
     optional: true
 
@@ -9282,9 +8768,6 @@ snapshots:
   '@esbuild/openbsd-x64@0.25.0':
     optional: true
 
-  '@esbuild/sunos-x64@0.18.20':
-    optional: true
-
   '@esbuild/sunos-x64@0.21.5':
     optional: true
 
@@ -9294,9 +8777,6 @@ snapshots:
   '@esbuild/sunos-x64@0.25.0':
     optional: true
 
-  '@esbuild/win32-arm64@0.18.20':
-    optional: true
-
   '@esbuild/win32-arm64@0.21.5':
     optional: true
 
@@ -9306,9 +8786,6 @@ snapshots:
   '@esbuild/win32-arm64@0.25.0':
     optional: true
 
-  '@esbuild/win32-ia32@0.18.20':
-    optional: true
-
   '@esbuild/win32-ia32@0.21.5':
     optional: true
 
@@ -9318,9 +8795,6 @@ snapshots:
   '@esbuild/win32-ia32@0.25.0':
     optional: true
 
-  '@esbuild/win32-x64@0.18.20':
-    optional: true
-
   '@esbuild/win32-x64@0.21.5':
     optional: true
 
@@ -9478,28 +8952,6 @@ snapshots:
 
   '@floating-ui/utils@0.2.4': {}
 
-  '@formatjs/cli-lib@6.4.2(@vue/compiler-core@3.5.13)(vue@3.5.13(typescript@5.5.4))':
-    dependencies:
-      '@formatjs/icu-messageformat-parser': 2.7.8
-      '@formatjs/ts-transformer': 3.13.14
-      '@types/estree': 1.0.6
-      '@types/fs-extra': 9.0.13
-      '@types/json-stable-stringify': 1.0.36
-      '@types/node': 17.0.45
-      chalk: 4.1.2
-      commander: 8.3.0
-      fast-glob: 3.3.2
-      fs-extra: 10.1.0
-      json-stable-stringify: 1.1.1
-      loud-rejection: 2.2.0
-      tslib: 2.6.3
-      typescript: 5.8.3
-    optionalDependencies:
-      '@vue/compiler-core': 3.5.13
-      vue: 3.5.13(typescript@5.5.4)
-    transitivePeerDependencies:
-      - ts-jest
-
   '@formatjs/cli@6.2.12(@vue/compiler-core@3.5.13)(vue@3.5.13(typescript@5.5.4))':
     optionalDependencies:
       '@vue/compiler-core': 3.5.13
@@ -9510,84 +8962,35 @@ snapshots:
       '@vue/compiler-core': 3.5.13
       vue: 3.5.13(typescript@5.8.3)
 
-  '@formatjs/ecma402-abstract@1.18.3':
+  '@formatjs/ecma402-abstract@2.3.6':
     dependencies:
-      '@formatjs/intl-localematcher': 0.5.4
-      tslib: 2.6.3
+      '@formatjs/fast-memoize': 2.2.7
+      '@formatjs/intl-localematcher': 0.6.2
+      decimal.js: 10.6.0
+      tslib: 2.8.1
 
-  '@formatjs/ecma402-abstract@2.0.0':
+  '@formatjs/fast-memoize@2.2.7':
     dependencies:
-      '@formatjs/intl-localematcher': 0.5.4
-      tslib: 2.6.3
+      tslib: 2.8.1
 
-  '@formatjs/fast-memoize@2.2.0':
+  '@formatjs/icu-messageformat-parser@2.11.4':
     dependencies:
-      tslib: 2.6.3
-
-  '@formatjs/icu-messageformat-parser@2.7.8':
-    dependencies:
-      '@formatjs/ecma402-abstract': 2.0.0
-      '@formatjs/icu-skeleton-parser': 1.8.2
-      tslib: 2.6.3
-
-  '@formatjs/icu-skeleton-parser@1.8.2':
-    dependencies:
-      '@formatjs/ecma402-abstract': 2.0.0
-      tslib: 2.6.3
-
-  '@formatjs/intl-displaynames@6.6.8':
-    dependencies:
-      '@formatjs/ecma402-abstract': 2.0.0
-      '@formatjs/intl-localematcher': 0.5.4
-      tslib: 2.6.3
+      '@formatjs/ecma402-abstract': 2.3.6
+      '@formatjs/icu-skeleton-parser': 1.8.16
+      tslib: 2.8.1
 
-  '@formatjs/intl-listformat@7.5.7':
+  '@formatjs/icu-skeleton-parser@1.8.16':
     dependencies:
-      '@formatjs/ecma402-abstract': 2.0.0
-      '@formatjs/intl-localematcher': 0.5.4
-      tslib: 2.6.3
-
-  '@formatjs/intl-localematcher@0.4.2':
-    dependencies:
-      tslib: 2.6.3
+      '@formatjs/ecma402-abstract': 2.3.6
+      tslib: 2.8.1
 
   '@formatjs/intl-localematcher@0.5.4':
     dependencies:
       tslib: 2.6.3
 
-  '@formatjs/intl@2.10.4(typescript@5.5.4)':
+  '@formatjs/intl-localematcher@0.6.2':
     dependencies:
-      '@formatjs/ecma402-abstract': 2.0.0
-      '@formatjs/fast-memoize': 2.2.0
-      '@formatjs/icu-messageformat-parser': 2.7.8
-      '@formatjs/intl-displaynames': 6.6.8
-      '@formatjs/intl-listformat': 7.5.7
-      intl-messageformat: 10.5.14
-      tslib: 2.6.3
-    optionalDependencies:
-      typescript: 5.5.4
-
-  '@formatjs/intl@2.10.4(typescript@5.8.3)':
-    dependencies:
-      '@formatjs/ecma402-abstract': 2.0.0
-      '@formatjs/fast-memoize': 2.2.0
-      '@formatjs/icu-messageformat-parser': 2.7.8
-      '@formatjs/intl-displaynames': 6.6.8
-      '@formatjs/intl-listformat': 7.5.7
-      intl-messageformat: 10.5.14
-      tslib: 2.6.3
-    optionalDependencies:
-      typescript: 5.8.3
-
-  '@formatjs/ts-transformer@3.13.14':
-    dependencies:
-      '@formatjs/icu-messageformat-parser': 2.7.8
-      '@types/json-stable-stringify': 1.0.36
-      '@types/node': 17.0.45
-      chalk: 4.1.2
-      json-stable-stringify: 1.1.1
-      tslib: 2.6.3
-      typescript: 5.8.3
+      tslib: 2.8.1
 
   '@humanfs/core@0.19.0': {}
 
@@ -9698,6 +9101,65 @@ snapshots:
 
   '@intercom/messenger-js-sdk@0.0.14': {}
 
+  '@intlify/bundle-utils@7.5.1(vue-i18n@9.14.5(vue@3.5.13(typescript@5.5.4)))':
+    dependencies:
+      '@intlify/message-compiler': 9.14.5
+      '@intlify/shared': 9.14.5
+      acorn: 8.15.0
+      escodegen: 2.1.0
+      estree-walker: 2.0.2
+      jsonc-eslint-parser: 2.4.2
+      magic-string: 0.30.21
+      mlly: 1.8.0
+      source-map-js: 1.2.1
+      yaml-eslint-parser: 1.3.2
+    optionalDependencies:
+      vue-i18n: 9.14.5(vue@3.5.13(typescript@5.5.4))
+
+  '@intlify/core-base@9.14.5':
+    dependencies:
+      '@intlify/message-compiler': 9.14.5
+      '@intlify/shared': 9.14.5
+
+  '@intlify/core@9.14.5':
+    dependencies:
+      '@intlify/core-base': 9.14.5
+      '@intlify/shared': 9.14.5
+
+  '@intlify/h3@0.5.0':
+    dependencies:
+      '@intlify/core': 9.14.5
+      '@intlify/utils': 0.12.0
+
+  '@intlify/message-compiler@9.14.5':
+    dependencies:
+      '@intlify/shared': 9.14.5
+      source-map-js: 1.2.1
+
+  '@intlify/shared@9.14.5': {}
+
+  '@intlify/unplugin-vue-i18n@3.0.1(rollup@4.28.1)(vue-i18n@9.14.5(vue@3.5.13(typescript@5.5.4)))':
+    dependencies:
+      '@intlify/bundle-utils': 7.5.1(vue-i18n@9.14.5(vue@3.5.13(typescript@5.5.4)))
+      '@intlify/shared': 9.14.5
+      '@rollup/pluginutils': 5.1.4(rollup@4.28.1)
+      '@vue/compiler-sfc': 3.5.13
+      debug: 4.4.0(supports-color@9.4.0)
+      fast-glob: 3.3.2
+      js-yaml: 4.1.0
+      json5: 2.2.3
+      pathe: 1.1.2
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+      unplugin: 1.16.0
+    optionalDependencies:
+      vue-i18n: 9.14.5(vue@3.5.13(typescript@5.5.4))
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+
+  '@intlify/utils@0.12.0': {}
+
   '@ioredis/commands@1.2.0': {}
 
   '@isaacs/cliui@8.0.2':
@@ -9713,7 +9175,6 @@ snapshots:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
       '@jridgewell/trace-mapping': 0.3.31
-    optional: true
 
   '@jridgewell/gen-mapping@0.3.5':
     dependencies:
@@ -9725,7 +9186,6 @@ snapshots:
     dependencies:
       '@jridgewell/gen-mapping': 0.3.13
       '@jridgewell/trace-mapping': 0.3.31
-    optional: true
 
   '@jridgewell/resolve-uri@3.1.2': {}
 
@@ -9744,8 +9204,7 @@ snapshots:
 
   '@jridgewell/sourcemap-codec@1.5.0': {}
 
-  '@jridgewell/sourcemap-codec@1.5.5':
-    optional: true
+  '@jridgewell/sourcemap-codec@1.5.5': {}
 
   '@jridgewell/trace-mapping@0.3.25':
     dependencies:
@@ -9756,7 +9215,6 @@ snapshots:
     dependencies:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.5
-    optional: true
 
   '@jsdevtools/ono@7.1.3': {}
 
@@ -9848,6 +9306,12 @@ snapshots:
       - acorn
       - supports-color
 
+  '@miyaneee/rollup-plugin-json5@1.2.0(rollup@4.28.1)':
+    dependencies:
+      '@rollup/pluginutils': 5.1.4(rollup@4.28.1)
+      json5: 2.2.3
+      rollup: 4.28.1
+
   '@netlify/functions@2.8.2':
     dependencies:
       '@netlify/serverless-functions-api': 1.26.1
@@ -10029,7 +9493,6 @@ snapshots:
       untyped: 2.0.0
     transitivePeerDependencies:
       - magicast
-    optional: true
 
   '@nuxt/schema@3.14.1592(magicast@0.3.5)(rollup@4.28.1)':
     dependencies:
@@ -10135,6 +9598,38 @@ snapshots:
       - vti
       - vue-tsc
 
+  '@nuxtjs/i18n@8.5.6(magicast@0.3.5)(rollup@4.28.1)(vue@3.5.13(typescript@5.5.4))':
+    dependencies:
+      '@intlify/h3': 0.5.0
+      '@intlify/shared': 9.14.5
+      '@intlify/unplugin-vue-i18n': 3.0.1(rollup@4.28.1)(vue-i18n@9.14.5(vue@3.5.13(typescript@5.5.4)))
+      '@intlify/utils': 0.12.0
+      '@miyaneee/rollup-plugin-json5': 1.2.0(rollup@4.28.1)
+      '@nuxt/kit': 3.17.5(magicast@0.3.5)
+      '@rollup/plugin-yaml': 4.1.2(rollup@4.28.1)
+      '@vue/compiler-sfc': 3.5.13
+      debug: 4.4.0(supports-color@9.4.0)
+      defu: 6.1.4
+      estree-walker: 3.0.3
+      is-https: 4.0.0
+      knitwork: 1.3.0
+      magic-string: 0.30.21
+      mlly: 1.8.0
+      pathe: 1.1.2
+      scule: 1.3.0
+      sucrase: 3.35.0
+      ufo: 1.6.1
+      unplugin: 1.16.0
+      vue-i18n: 9.14.5(vue@3.5.13(typescript@5.5.4))
+      vue-router: 4.5.0(vue@3.5.13(typescript@5.5.4))
+    transitivePeerDependencies:
+      - magicast
+      - petite-vue-i18n
+      - rollup
+      - supports-color
+      - vue
+      - vue-i18n-bridge
+
   '@one-ini/wasm@0.1.1': {}
 
   '@oslojs/encoding@1.1.0': {}
@@ -10354,15 +9849,23 @@ snapshots:
     optionalDependencies:
       rollup: 4.28.1
 
-  '@rollup/pluginutils@5.1.3(rollup@3.29.4)':
+  '@rollup/plugin-yaml@4.1.2(rollup@4.28.1)':
+    dependencies:
+      '@rollup/pluginutils': 5.1.4(rollup@4.28.1)
+      js-yaml: 4.1.0
+      tosource: 2.0.0-alpha.3
+    optionalDependencies:
+      rollup: 4.28.1
+
+  '@rollup/pluginutils@5.1.3(rollup@4.28.1)':
     dependencies:
       '@types/estree': 1.0.6
       estree-walker: 2.0.2
       picomatch: 4.0.2
     optionalDependencies:
-      rollup: 3.29.4
+      rollup: 4.28.1
 
-  '@rollup/pluginutils@5.1.3(rollup@4.28.1)':
+  '@rollup/pluginutils@5.1.4(rollup@4.28.1)':
     dependencies:
       '@types/estree': 1.0.6
       estree-walker: 2.0.2
@@ -10761,12 +10264,6 @@ snapshots:
 
   '@types/draco3d@1.4.10': {}
 
-  '@types/eslint-scope@3.7.7':
-    dependencies:
-      '@types/eslint': 9.6.1
-      '@types/estree': 1.0.8
-    optional: true
-
   '@types/eslint@9.6.1':
     dependencies:
       '@types/estree': 1.0.8
@@ -10781,10 +10278,6 @@ snapshots:
 
   '@types/estree@1.0.8': {}
 
-  '@types/fs-extra@9.0.13':
-    dependencies:
-      '@types/node': 20.14.11
-
   '@types/glob@9.0.0':
     dependencies:
       glob: 10.4.2
@@ -10805,8 +10298,6 @@ snapshots:
 
   '@types/json-schema@7.0.15': {}
 
-  '@types/json-stable-stringify@1.0.36': {}
-
   '@types/linkify-it@5.0.0': {}
 
   '@types/markdown-it@14.1.1':
@@ -11103,120 +10594,6 @@ snapshots:
       - rollup
       - supports-color
 
-  '@vintl/compact-number@2.0.7(@formatjs/intl@2.10.4(typescript@5.5.4))':
-    dependencies:
-      '@formatjs/ecma402-abstract': 1.18.3
-      '@formatjs/intl': 2.10.4(typescript@5.5.4)
-      '@formatjs/intl-localematcher': 0.5.4
-      intl-messageformat: 10.5.14
-
-  '@vintl/how-ago@3.0.1(@formatjs/intl@2.10.4(typescript@5.5.4))':
-    dependencies:
-      '@formatjs/intl': 2.10.4(typescript@5.5.4)
-      intl-messageformat: 10.5.14
-
-  '@vintl/nuxt@1.9.2(@vue/compiler-core@3.5.13)(magicast@0.3.5)(rollup@4.28.1)(typescript@5.5.4)(vite@5.4.11(@types/node@20.14.11)(sass@1.77.6)(terser@5.44.1))(vue@3.5.13(typescript@5.5.4))(webpack@5.92.1)':
-    dependencies:
-      '@formatjs/intl': 2.10.4(typescript@5.5.4)
-      '@formatjs/intl-localematcher': 0.5.4
-      '@nuxt/kit': 3.14.1592(magicast@0.3.5)(rollup@4.28.1)
-      '@vintl/unplugin': 2.0.0(@vue/compiler-core@3.5.13)(rollup@4.28.1)(vite@5.4.11(@types/node@20.14.11)(sass@1.77.6)(terser@5.44.1))(vue@3.5.13(typescript@5.5.4))(webpack@5.92.1)
-      '@vintl/vintl': 4.4.1(typescript@5.5.4)(vue@3.5.13(typescript@5.5.4))
-      astring: 1.8.6
-      consola: 3.2.3
-      hash-sum: 2.0.0
-      import-meta-resolve: 4.1.0
-      pathe: 1.1.2
-      picocolors: 1.1.1
-      slash: 5.1.0
-      ufo: 1.5.4
-    transitivePeerDependencies:
-      - '@glimmer/env'
-      - '@glimmer/reference'
-      - '@glimmer/syntax'
-      - '@glimmer/validator'
-      - '@vue/compiler-core'
-      - content-tag
-      - ember-template-recast
-      - magicast
-      - rollup
-      - supports-color
-      - ts-jest
-      - typescript
-      - vite
-      - vue
-      - webpack
-
-  '@vintl/unplugin@1.5.2(@vue/compiler-core@3.5.13)(rollup@3.29.4)(vite@4.5.3(@types/node@22.4.1)(sass@1.77.6)(terser@5.44.1))(vue@3.5.13(typescript@5.5.4))(webpack@5.92.1)':
-    dependencies:
-      '@formatjs/cli-lib': 6.4.2(@vue/compiler-core@3.5.13)(vue@3.5.13(typescript@5.5.4))
-      '@formatjs/icu-messageformat-parser': 2.7.8
-      '@rollup/pluginutils': 5.1.3(rollup@3.29.4)
-      glob: 10.4.2
-      import-meta-resolve: 4.1.0
-      pathe: 1.1.2
-      unplugin: 1.16.0
-    optionalDependencies:
-      rollup: 3.29.4
-      vite: 4.5.3(@types/node@22.4.1)(sass@1.77.6)(terser@5.44.1)
-      webpack: 5.92.1
-    transitivePeerDependencies:
-      - '@glimmer/env'
-      - '@glimmer/reference'
-      - '@glimmer/syntax'
-      - '@glimmer/validator'
-      - '@vue/compiler-core'
-      - content-tag
-      - ember-template-recast
-      - ts-jest
-      - vue
-
-  '@vintl/unplugin@2.0.0(@vue/compiler-core@3.5.13)(rollup@4.28.1)(vite@5.4.11(@types/node@20.14.11)(sass@1.77.6)(terser@5.44.1))(vue@3.5.13(typescript@5.5.4))(webpack@5.92.1)':
-    dependencies:
-      '@formatjs/cli-lib': 6.4.2(@vue/compiler-core@3.5.13)(vue@3.5.13(typescript@5.5.4))
-      '@formatjs/icu-messageformat-parser': 2.7.8
-      '@rollup/pluginutils': 5.1.3(rollup@4.28.1)
-      glob: 10.4.2
-      import-meta-resolve: 4.1.0
-      pathe: 1.1.2
-      unplugin: 1.16.0
-    optionalDependencies:
-      rollup: 4.28.1
-      vite: 5.4.11(@types/node@20.14.11)(sass@1.77.6)(terser@5.44.1)
-      webpack: 5.92.1
-    transitivePeerDependencies:
-      - '@glimmer/env'
-      - '@glimmer/reference'
-      - '@glimmer/syntax'
-      - '@glimmer/validator'
-      - '@vue/compiler-core'
-      - content-tag
-      - ember-template-recast
-      - ts-jest
-      - vue
-
-  '@vintl/vintl@4.4.1(typescript@5.5.4)(vue@3.5.13(typescript@5.5.4))':
-    dependencies:
-      '@braw/async-computed': 5.0.2(vue@3.5.13(typescript@5.5.4))
-      '@formatjs/icu-messageformat-parser': 2.7.8
-      '@formatjs/intl': 2.10.4(typescript@5.5.4)
-      '@formatjs/intl-localematcher': 0.4.2
-      intl-messageformat: 10.5.14
-      vue: 3.5.13(typescript@5.5.4)
-    transitivePeerDependencies:
-      - typescript
-
-  '@vintl/vintl@4.4.1(typescript@5.8.3)(vue@3.5.13(typescript@5.8.3))':
-    dependencies:
-      '@braw/async-computed': 5.0.2(vue@3.5.13(typescript@5.8.3))
-      '@formatjs/icu-messageformat-parser': 2.7.8
-      '@formatjs/intl': 2.10.4(typescript@5.8.3)
-      '@formatjs/intl-localematcher': 0.4.2
-      intl-messageformat: 10.5.14
-      vue: 3.5.13(typescript@5.8.3)
-    transitivePeerDependencies:
-      - typescript
-
   '@vitejs/plugin-vue-jsx@4.1.1(vite@5.4.11(@types/node@20.14.11)(sass@1.77.6)(terser@5.44.1))(vue@3.5.13(typescript@5.5.4))':
     dependencies:
       '@babel/core': 7.26.0
@@ -11610,111 +10987,20 @@ snapshots:
       vue-demi: 0.14.10(vue@3.5.13(typescript@5.5.4))
     transitivePeerDependencies:
       - '@vue/composition-api'
-      - vue
-
-  '@vueuse/shared@12.8.2(typescript@5.5.4)':
-    dependencies:
-      vue: 3.5.13(typescript@5.5.4)
-    transitivePeerDependencies:
-      - typescript
-
-  '@vueuse/shared@9.13.0(vue@3.5.13(typescript@5.5.4))':
-    dependencies:
-      vue-demi: 0.14.10(vue@3.5.13(typescript@5.5.4))
-    transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
-
-  '@webassemblyjs/ast@1.14.1':
-    dependencies:
-      '@webassemblyjs/helper-numbers': 1.13.2
-      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
-    optional: true
-
-  '@webassemblyjs/floating-point-hex-parser@1.13.2':
-    optional: true
-
-  '@webassemblyjs/helper-api-error@1.13.2':
-    optional: true
-
-  '@webassemblyjs/helper-buffer@1.14.1':
-    optional: true
-
-  '@webassemblyjs/helper-numbers@1.13.2':
-    dependencies:
-      '@webassemblyjs/floating-point-hex-parser': 1.13.2
-      '@webassemblyjs/helper-api-error': 1.13.2
-      '@xtuc/long': 4.2.2
-    optional: true
-
-  '@webassemblyjs/helper-wasm-bytecode@1.13.2':
-    optional: true
-
-  '@webassemblyjs/helper-wasm-section@1.14.1':
-    dependencies:
-      '@webassemblyjs/ast': 1.14.1
-      '@webassemblyjs/helper-buffer': 1.14.1
-      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
-      '@webassemblyjs/wasm-gen': 1.14.1
-    optional: true
-
-  '@webassemblyjs/ieee754@1.13.2':
-    dependencies:
-      '@xtuc/ieee754': 1.2.0
-    optional: true
-
-  '@webassemblyjs/leb128@1.13.2':
-    dependencies:
-      '@xtuc/long': 4.2.2
-    optional: true
-
-  '@webassemblyjs/utf8@1.13.2':
-    optional: true
-
-  '@webassemblyjs/wasm-edit@1.14.1':
-    dependencies:
-      '@webassemblyjs/ast': 1.14.1
-      '@webassemblyjs/helper-buffer': 1.14.1
-      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
-      '@webassemblyjs/helper-wasm-section': 1.14.1
-      '@webassemblyjs/wasm-gen': 1.14.1
-      '@webassemblyjs/wasm-opt': 1.14.1
-      '@webassemblyjs/wasm-parser': 1.14.1
-      '@webassemblyjs/wast-printer': 1.14.1
-    optional: true
-
-  '@webassemblyjs/wasm-gen@1.14.1':
-    dependencies:
-      '@webassemblyjs/ast': 1.14.1
-      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
-      '@webassemblyjs/ieee754': 1.13.2
-      '@webassemblyjs/leb128': 1.13.2
-      '@webassemblyjs/utf8': 1.13.2
-    optional: true
-
-  '@webassemblyjs/wasm-opt@1.14.1':
-    dependencies:
-      '@webassemblyjs/ast': 1.14.1
-      '@webassemblyjs/helper-buffer': 1.14.1
-      '@webassemblyjs/wasm-gen': 1.14.1
-      '@webassemblyjs/wasm-parser': 1.14.1
-    optional: true
+      - vue
 
-  '@webassemblyjs/wasm-parser@1.14.1':
+  '@vueuse/shared@12.8.2(typescript@5.5.4)':
     dependencies:
-      '@webassemblyjs/ast': 1.14.1
-      '@webassemblyjs/helper-api-error': 1.13.2
-      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
-      '@webassemblyjs/ieee754': 1.13.2
-      '@webassemblyjs/leb128': 1.13.2
-      '@webassemblyjs/utf8': 1.13.2
-    optional: true
+      vue: 3.5.13(typescript@5.5.4)
+    transitivePeerDependencies:
+      - typescript
 
-  '@webassemblyjs/wast-printer@1.14.1':
+  '@vueuse/shared@9.13.0(vue@3.5.13(typescript@5.5.4))':
     dependencies:
-      '@webassemblyjs/ast': 1.14.1
-      '@xtuc/long': 4.2.2
-    optional: true
+      vue-demi: 0.14.10(vue@3.5.13(typescript@5.5.4))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
 
   '@webgpu/types@0.1.54': {}
 
@@ -11722,12 +11008,6 @@ snapshots:
     dependencies:
       chevrotain: 7.1.1
 
-  '@xtuc/ieee754@1.2.0':
-    optional: true
-
-  '@xtuc/long@4.2.2':
-    optional: true
-
   '@yr/monotone-cubic-spline@1.0.3': {}
 
   abbrev@1.1.1: {}
@@ -11744,11 +11024,6 @@ snapshots:
     dependencies:
       acorn: 8.14.0
 
-  acorn-import-attributes@1.9.5(acorn@8.15.0):
-    dependencies:
-      acorn: 8.15.0
-    optional: true
-
   acorn-jsx@5.3.2(acorn@8.14.0):
     dependencies:
       acorn: 8.14.0
@@ -11773,22 +11048,6 @@ snapshots:
     optionalDependencies:
       ajv: 8.17.1
 
-  ajv-formats@2.1.1(ajv@8.17.1):
-    optionalDependencies:
-      ajv: 8.17.1
-    optional: true
-
-  ajv-keywords@3.5.2(ajv@6.12.6):
-    dependencies:
-      ajv: 6.12.6
-    optional: true
-
-  ajv-keywords@5.1.0(ajv@8.17.1):
-    dependencies:
-      ajv: 8.17.1
-      fast-deep-equal: 3.1.3
-    optional: true
-
   ajv@6.12.6:
     dependencies:
       fast-deep-equal: 3.1.3
@@ -11883,8 +11142,6 @@ snapshots:
 
   aria-query@5.3.2: {}
 
-  array-find-index@1.0.2: {}
-
   array-iterate@2.0.1: {}
 
   ast-kit@1.3.2:
@@ -12030,9 +11287,6 @@ snapshots:
 
   base64-js@1.5.1: {}
 
-  baseline-browser-mapping@2.9.6:
-    optional: true
-
   bcp-47-match@2.0.3: {}
 
   bcp-47@2.1.0:
@@ -12082,15 +11336,6 @@ snapshots:
       node-releases: 2.0.18
       update-browserslist-db: 1.1.1(browserslist@4.24.2)
 
-  browserslist@4.28.1:
-    dependencies:
-      baseline-browser-mapping: 2.9.6
-      caniuse-lite: 1.0.30001760
-      electron-to-chromium: 1.5.267
-      node-releases: 2.0.27
-      update-browserslist-db: 1.2.2(browserslist@4.28.1)
-    optional: true
-
   buffer-crc32@1.0.0: {}
 
   buffer-from@1.1.2: {}
@@ -12139,7 +11384,6 @@ snapshots:
       rc9: 2.1.2
     optionalDependencies:
       magicast: 0.3.5
-    optional: true
 
   cac@6.7.14: {}
 
@@ -12148,14 +11392,6 @@ snapshots:
       es-errors: 1.3.0
       function-bind: 1.1.2
 
-  call-bind@1.0.7:
-    dependencies:
-      es-define-property: 1.0.0
-      es-errors: 1.3.0
-      function-bind: 1.1.2
-      get-intrinsic: 1.2.4
-      set-function-length: 1.2.2
-
   call-bound@1.0.4:
     dependencies:
       call-bind-apply-helpers: 1.0.2
@@ -12187,9 +11423,6 @@ snapshots:
 
   caniuse-lite@1.0.30001687: {}
 
-  caniuse-lite@1.0.30001760:
-    optional: true
-
   ccount@2.0.1: {}
 
   chalk@4.1.2:
@@ -12235,9 +11468,6 @@ snapshots:
 
   chownr@2.0.0: {}
 
-  chrome-trace-event@1.0.4:
-    optional: true
-
   ci-info@2.0.0: {}
 
   ci-info@4.0.0: {}
@@ -12336,8 +11566,7 @@ snapshots:
 
   confbox@0.1.8: {}
 
-  confbox@0.2.2:
-    optional: true
+  confbox@0.2.2: {}
 
   config-chain@1.1.13:
     dependencies:
@@ -12489,10 +11718,6 @@ snapshots:
 
   csstype@3.1.3: {}
 
-  currently-unhandled@0.4.1:
-    dependencies:
-      array-find-index: 1.0.2
-
   dayjs@1.11.11: {}
 
   db0@0.2.1: {}
@@ -12518,6 +11743,8 @@ snapshots:
     optionalDependencies:
       supports-color: 9.4.0
 
+  decimal.js@10.6.0: {}
+
   decode-named-character-reference@1.0.2:
     dependencies:
       character-entities: 2.0.2
@@ -12535,12 +11762,6 @@ snapshots:
       bundle-name: 4.1.0
       default-browser-id: 5.0.0
 
-  define-data-property@1.1.4:
-    dependencies:
-      es-define-property: 1.0.0
-      es-errors: 1.3.0
-      gopd: 1.2.0
-
   define-lazy-prop@2.0.0: {}
 
   define-lazy-prop@3.0.0: {}
@@ -12622,8 +11843,7 @@ snapshots:
 
   dotenv@16.4.5: {}
 
-  dotenv@17.2.3:
-    optional: true
+  dotenv@17.2.3: {}
 
   draco3d@1.5.7: {}
 
@@ -12648,9 +11868,6 @@ snapshots:
 
   ee-first@1.1.1: {}
 
-  electron-to-chromium@1.5.267:
-    optional: true
-
   electron-to-chromium@1.5.71: {}
 
   emmet@2.4.7:
@@ -12679,12 +11896,6 @@ snapshots:
       graceful-fs: 4.2.11
       tapable: 2.2.1
 
-  enhanced-resolve@5.18.3:
-    dependencies:
-      graceful-fs: 4.2.11
-      tapable: 2.3.0
-    optional: true
-
   entities@2.2.0: {}
 
   entities@3.0.1: {}
@@ -12699,10 +11910,6 @@ snapshots:
 
   errx@0.1.0: {}
 
-  es-define-property@1.0.0:
-    dependencies:
-      get-intrinsic: 1.2.4
-
   es-define-property@1.0.1: {}
 
   es-errors@1.3.0: {}
@@ -12711,9 +11918,6 @@ snapshots:
 
   es-module-lexer@1.6.0: {}
 
-  es-module-lexer@1.7.0:
-    optional: true
-
   es-object-atoms@1.1.1:
     dependencies:
       es-errors: 1.3.0
@@ -12732,32 +11936,6 @@ snapshots:
       esast-util-from-estree: 2.0.0
       vfile-message: 4.0.2
 
-  esbuild@0.18.20:
-    optionalDependencies:
-      '@esbuild/android-arm': 0.18.20
-      '@esbuild/android-arm64': 0.18.20
-      '@esbuild/android-x64': 0.18.20
-      '@esbuild/darwin-arm64': 0.18.20
-      '@esbuild/darwin-x64': 0.18.20
-      '@esbuild/freebsd-arm64': 0.18.20
-      '@esbuild/freebsd-x64': 0.18.20
-      '@esbuild/linux-arm': 0.18.20
-      '@esbuild/linux-arm64': 0.18.20
-      '@esbuild/linux-ia32': 0.18.20
-      '@esbuild/linux-loong64': 0.18.20
-      '@esbuild/linux-mips64el': 0.18.20
-      '@esbuild/linux-ppc64': 0.18.20
-      '@esbuild/linux-riscv64': 0.18.20
-      '@esbuild/linux-s390x': 0.18.20
-      '@esbuild/linux-x64': 0.18.20
-      '@esbuild/netbsd-x64': 0.18.20
-      '@esbuild/openbsd-x64': 0.18.20
-      '@esbuild/sunos-x64': 0.18.20
-      '@esbuild/win32-arm64': 0.18.20
-      '@esbuild/win32-ia32': 0.18.20
-      '@esbuild/win32-x64': 0.18.20
-    optional: true
-
   esbuild@0.21.5:
     optionalDependencies:
       '@esbuild/aix-ppc64': 0.21.5
@@ -12849,6 +12027,14 @@ snapshots:
 
   escape-string-regexp@5.0.0: {}
 
+  escodegen@2.1.0:
+    dependencies:
+      esprima: 4.0.1
+      estraverse: 5.3.0
+      esutils: 2.0.3
+    optionalDependencies:
+      source-map: 0.6.1
+
   eslint-config-flat-gitignore@0.3.0(eslint@9.13.0(jiti@2.6.1)):
     dependencies:
       '@eslint/compat': 1.2.1(eslint@9.13.0(jiti@2.6.1))
@@ -12983,12 +12169,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-scope@5.1.1:
-    dependencies:
-      esrecurse: 4.3.0
-      estraverse: 4.3.0
-    optional: true
-
   eslint-scope@7.2.2:
     dependencies:
       esrecurse: 4.3.0
@@ -13165,9 +12345,6 @@ snapshots:
     dependencies:
       estraverse: 5.3.0
 
-  estraverse@4.3.0:
-    optional: true
-
   estraverse@5.3.0: {}
 
   estree-util-attach-comments@3.0.0:
@@ -13256,8 +12433,7 @@ snapshots:
       '@expressive-code/plugin-shiki': 0.40.2
       '@expressive-code/plugin-text-markers': 0.40.2
 
-  exsolve@1.0.8:
-    optional: true
+  exsolve@1.0.8: {}
 
   extend-shallow@2.0.1:
     dependencies:
@@ -13309,7 +12485,6 @@ snapshots:
   fdir@6.5.0(picomatch@4.0.3):
     optionalDependencies:
       picomatch: 4.0.3
-    optional: true
 
   fflate@0.4.8: {}
 
@@ -13380,12 +12555,6 @@ snapshots:
 
   fresh@0.5.2: {}
 
-  fs-extra@10.1.0:
-    dependencies:
-      graceful-fs: 4.2.11
-      jsonfile: 6.1.0
-      universalify: 2.0.1
-
   fs-extra@11.2.0:
     dependencies:
       graceful-fs: 4.2.11
@@ -13423,14 +12592,6 @@ snapshots:
 
   get-east-asian-width@1.2.0: {}
 
-  get-intrinsic@1.2.4:
-    dependencies:
-      es-errors: 1.3.0
-      function-bind: 1.1.2
-      has-proto: 1.0.3
-      has-symbols: 1.0.3
-      hasown: 2.0.2
-
   get-intrinsic@1.3.0:
     dependencies:
       call-bind-apply-helpers: 1.0.2
@@ -13482,7 +12643,6 @@ snapshots:
       node-fetch-native: 1.6.7
       nypm: 0.6.2
       pathe: 2.0.3
-    optional: true
 
   git-config-path@2.0.0: {}
 
@@ -13505,9 +12665,6 @@ snapshots:
     dependencies:
       is-glob: 4.0.3
 
-  glob-to-regexp@0.4.1:
-    optional: true
-
   glob@10.4.2:
     dependencies:
       foreground-child: 3.2.1
@@ -13559,10 +12716,6 @@ snapshots:
     dependencies:
       through2: 0.6.5
 
-  gopd@1.0.1:
-    dependencies:
-      get-intrinsic: 1.3.0
-
   gopd@1.2.0: {}
 
   graceful-fs@4.2.11: {}
@@ -13609,14 +12762,6 @@ snapshots:
 
   has-flag@4.0.0: {}
 
-  has-property-descriptors@1.0.2:
-    dependencies:
-      es-define-property: 1.0.0
-
-  has-proto@1.0.3: {}
-
-  has-symbols@1.0.3: {}
-
   has-symbols@1.1.0: {}
 
   has-unicode@2.0.1: {}
@@ -13966,12 +13111,12 @@ snapshots:
 
   inline-style-parser@0.2.3: {}
 
-  intl-messageformat@10.5.14:
+  intl-messageformat@10.7.18:
     dependencies:
-      '@formatjs/ecma402-abstract': 2.0.0
-      '@formatjs/fast-memoize': 2.2.0
-      '@formatjs/icu-messageformat-parser': 2.7.8
-      tslib: 2.6.3
+      '@formatjs/ecma402-abstract': 2.3.6
+      '@formatjs/fast-memoize': 2.2.7
+      '@formatjs/icu-messageformat-parser': 2.11.4
+      tslib: 2.8.1
 
   ioredis@5.4.1:
     dependencies:
@@ -14034,6 +13179,8 @@ snapshots:
 
   is-hexadecimal@2.0.1: {}
 
+  is-https@4.0.0: {}
+
   is-inside-container@1.0.0:
     dependencies:
       is-docker: 3.0.0
@@ -14085,8 +13232,6 @@ snapshots:
 
   isarray@1.0.0: {}
 
-  isarray@2.0.5: {}
-
   isexe@2.0.0: {}
 
   iso-3166-2@1.0.0: {}
@@ -14097,19 +13242,11 @@ snapshots:
     optionalDependencies:
       '@pkgjs/parseargs': 0.11.0
 
-  jest-worker@27.5.1:
-    dependencies:
-      '@types/node': 20.14.11
-      merge-stream: 2.0.0
-      supports-color: 8.1.1
-    optional: true
-
   jiti@1.21.6: {}
 
   jiti@2.4.2: {}
 
-  jiti@2.6.1:
-    optional: true
+  jiti@2.6.1: {}
 
   js-beautify@1.15.4:
     dependencies:
@@ -14152,13 +13289,6 @@ snapshots:
 
   json-stable-stringify-without-jsonify@1.0.1: {}
 
-  json-stable-stringify@1.1.1:
-    dependencies:
-      call-bind: 1.0.7
-      isarray: 2.0.5
-      jsonify: 0.0.1
-      object-keys: 1.1.1
-
   json-to-ast@2.1.0:
     dependencies:
       code-error-fragment: 0.0.230
@@ -14166,6 +13296,13 @@ snapshots:
 
   json5@2.2.3: {}
 
+  jsonc-eslint-parser@2.4.2:
+    dependencies:
+      acorn: 8.15.0
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      semver: 7.7.3
+
   jsonc-parser@2.3.1: {}
 
   jsonc-parser@3.3.1: {}
@@ -14176,8 +13313,6 @@ snapshots:
     optionalDependencies:
       graceful-fs: 4.2.11
 
-  jsonify@0.0.1: {}
-
   jsonpointer@5.0.1: {}
 
   jszip@3.10.1:
@@ -14201,8 +13336,7 @@ snapshots:
 
   knitwork@1.1.0: {}
 
-  knitwork@1.3.0:
-    optional: true
+  knitwork@1.3.0: {}
 
   kolorist@1.8.0: {}
 
@@ -14270,9 +13404,6 @@ snapshots:
       pify: 4.0.1
       strip-bom: 3.0.0
 
-  loader-runner@4.3.1:
-    optional: true
-
   local-pkg@0.5.1:
     dependencies:
       mlly: 1.7.3
@@ -14283,7 +13414,6 @@ snapshots:
       mlly: 1.8.0
       pkg-types: 2.3.0
       quansync: 0.2.11
-    optional: true
 
   locate-path@5.0.0:
     dependencies:
@@ -14309,11 +13439,6 @@ snapshots:
 
   longest-streak@3.1.0: {}
 
-  loud-rejection@2.2.0:
-    dependencies:
-      currently-unhandled: 0.4.1
-      signal-exit: 3.0.7
-
   lower-case@2.0.2:
     dependencies:
       tslib: 2.6.3
@@ -14326,7 +13451,7 @@ snapshots:
 
   magic-string-ast@0.6.2:
     dependencies:
-      magic-string: 0.30.14
+      magic-string: 0.30.21
 
   magic-string@0.30.14:
     dependencies:
@@ -14339,7 +13464,6 @@ snapshots:
   magic-string@0.30.21:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
-    optional: true
 
   magicast@0.3.5:
     dependencies:
@@ -14873,18 +13997,10 @@ snapshots:
 
   mime-db@1.25.0: {}
 
-  mime-db@1.52.0:
-    optional: true
-
   mime-types@2.1.13:
     dependencies:
       mime-db: 1.25.0
 
-  mime-types@2.1.35:
-    dependencies:
-      mime-db: 1.52.0
-    optional: true
-
   mime@1.6.0: {}
 
   mime@3.0.0: {}
@@ -14943,7 +14059,6 @@ snapshots:
       pathe: 2.0.3
       pkg-types: 1.3.1
       ufo: 1.6.1
-    optional: true
 
   mri@1.2.0: {}
 
@@ -14961,9 +14076,6 @@ snapshots:
       object-assign: 4.1.1
       thenify-all: 1.6.0
 
-  nanoid@3.3.11:
-    optional: true
-
   nanoid@3.3.7: {}
 
   nanoid@3.3.8: {}
@@ -14974,9 +14086,6 @@ snapshots:
 
   natural-compare@1.4.0: {}
 
-  neo-async@2.6.2:
-    optional: true
-
   neotraverse@0.6.18: {}
 
   nice-try@1.0.5: {}
@@ -15090,8 +14199,7 @@ snapshots:
 
   node-fetch-native@1.6.6: {}
 
-  node-fetch-native@1.6.7:
-    optional: true
+  node-fetch-native@1.6.7: {}
 
   node-fetch@2.7.0:
     dependencies:
@@ -15105,9 +14213,6 @@ snapshots:
 
   node-releases@2.0.18: {}
 
-  node-releases@2.0.27:
-    optional: true
-
   nopt@5.0.0:
     dependencies:
       abbrev: 1.1.1
@@ -15292,7 +14397,6 @@ snapshots:
       pathe: 2.0.3
       pkg-types: 2.3.0
       tinyexec: 1.0.2
-    optional: true
 
   object-assign@4.1.1: {}
 
@@ -15300,8 +14404,6 @@ snapshots:
 
   object-inspect@1.13.4: {}
 
-  object-keys@1.1.1: {}
-
   ofetch@1.4.1:
     dependencies:
       destr: 2.0.3
@@ -15310,8 +14412,7 @@ snapshots:
 
   ohash@1.1.4: {}
 
-  ohash@2.0.11:
-    optional: true
+  ohash@2.0.11: {}
 
   on-finished@2.4.1:
     dependencies:
@@ -15511,15 +14612,13 @@ snapshots:
 
   pathe@1.1.2: {}
 
-  pathe@2.0.3:
-    optional: true
+  pathe@2.0.3: {}
 
   peberminta@0.9.0: {}
 
   perfect-debounce@1.0.0: {}
 
-  perfect-debounce@2.0.0:
-    optional: true
+  perfect-debounce@2.0.0: {}
 
   picocolors@1.1.1: {}
 
@@ -15527,8 +14626,7 @@ snapshots:
 
   picomatch@4.0.2: {}
 
-  picomatch@4.0.3:
-    optional: true
+  picomatch@4.0.3: {}
 
   pify@2.3.0: {}
 
@@ -15569,14 +14667,12 @@ snapshots:
       confbox: 0.1.8
       mlly: 1.8.0
       pathe: 2.0.3
-    optional: true
 
   pkg-types@2.3.0:
     dependencies:
       confbox: 0.2.2
       exsolve: 1.0.8
       pathe: 2.0.3
-    optional: true
 
   pluralize@8.0.0: {}
 
@@ -15772,13 +14868,6 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
-  postcss@8.5.6:
-    dependencies:
-      nanoid: 3.3.11
-      picocolors: 1.1.1
-      source-map-js: 1.2.1
-    optional: true
-
   posthog-js@1.158.2:
     dependencies:
       fflate: 0.4.8
@@ -15864,8 +14953,7 @@ snapshots:
     dependencies:
       side-channel: 1.1.0
 
-  quansync@0.2.11:
-    optional: true
+  quansync@0.2.11: {}
 
   queue-microtask@1.2.3: {}
 
@@ -16213,11 +15301,6 @@ snapshots:
     optionalDependencies:
       rollup: 4.28.1
 
-  rollup@3.29.4:
-    optionalDependencies:
-      fsevents: 2.3.3
-    optional: true
-
   rollup@4.28.1:
     dependencies:
       '@types/estree': 1.0.6
@@ -16291,21 +15374,6 @@ snapshots:
 
   sax@1.4.1: {}
 
-  schema-utils@3.3.0:
-    dependencies:
-      '@types/json-schema': 7.0.15
-      ajv: 6.12.6
-      ajv-keywords: 3.5.2(ajv@6.12.6)
-    optional: true
-
-  schema-utils@4.3.3:
-    dependencies:
-      '@types/json-schema': 7.0.15
-      ajv: 8.17.1
-      ajv-formats: 2.1.1(ajv@8.17.1)
-      ajv-keywords: 5.1.0(ajv@8.17.1)
-    optional: true
-
   scslre@0.3.0:
     dependencies:
       '@eslint-community/regexpp': 4.11.0
@@ -16333,8 +15401,7 @@ snapshots:
 
   semver@7.7.2: {}
 
-  semver@7.7.3:
-    optional: true
+  semver@7.7.3: {}
 
   send@0.19.0:
     dependencies:
@@ -16373,15 +15440,6 @@ snapshots:
 
   set-blocking@2.0.0: {}
 
-  set-function-length@1.2.2:
-    dependencies:
-      define-data-property: 1.1.4
-      es-errors: 1.3.0
-      function-bind: 1.1.2
-      get-intrinsic: 1.2.4
-      gopd: 1.0.1
-      has-property-descriptors: 1.0.2
-
   setimmediate@1.0.5: {}
 
   setprototypeof@1.2.0: {}
@@ -16566,8 +15624,7 @@ snapshots:
 
   statuses@2.0.1: {}
 
-  std-env@3.10.0:
-    optional: true
+  std-env@3.10.0: {}
 
   std-env@3.8.0: {}
 
@@ -16643,7 +15700,6 @@ snapshots:
   strip-literal@3.1.0:
     dependencies:
       js-tokens: 9.0.1
-    optional: true
 
   stripe@18.1.1(@types/node@22.4.1):
     dependencies:
@@ -16685,11 +15741,6 @@ snapshots:
     dependencies:
       has-flag: 4.0.0
 
-  supports-color@8.1.1:
-    dependencies:
-      has-flag: 4.0.0
-    optional: true
-
   supports-color@9.4.0: {}
 
   supports-preserve-symlinks-flag@1.0.0: {}
@@ -16777,9 +15828,6 @@ snapshots:
 
   tapable@2.2.1: {}
 
-  tapable@2.3.0:
-    optional: true
-
   tar-stream@3.1.7:
     dependencies:
       b4a: 1.6.6
@@ -16795,16 +15843,6 @@ snapshots:
       mkdirp: 1.0.4
       yallist: 4.0.0
 
-  terser-webpack-plugin@5.3.15(webpack@5.92.1):
-    dependencies:
-      '@jridgewell/trace-mapping': 0.3.31
-      jest-worker: 27.5.1
-      schema-utils: 4.3.3
-      serialize-javascript: 6.0.2
-      terser: 5.44.1
-      webpack: 5.92.1
-    optional: true
-
   terser@5.42.0:
     dependencies:
       '@jridgewell/source-map': 0.3.6
@@ -16867,8 +15905,7 @@ snapshots:
 
   tinyexec@0.3.2: {}
 
-  tinyexec@1.0.2:
-    optional: true
+  tinyexec@1.0.2: {}
 
   tinyglobby@0.2.10:
     dependencies:
@@ -16884,7 +15921,6 @@ snapshots:
     dependencies:
       fdir: 6.5.0(picomatch@4.0.3)
       picomatch: 4.0.3
-    optional: true
 
   to-regex-range@5.0.1:
     dependencies:
@@ -16892,6 +15928,8 @@ snapshots:
 
   toidentifier@1.0.1: {}
 
+  tosource@2.0.0-alpha.3: {}
+
   totalist@3.0.1: {}
 
   tr46@0.0.3: {}
@@ -16916,6 +15954,8 @@ snapshots:
 
   tslib@2.6.3: {}
 
+  tslib@2.8.1: {}
+
   turbo-darwin-64@2.5.4:
     optional: true
 
@@ -17005,7 +16045,6 @@ snapshots:
       estree-walker: 3.0.3
       magic-string: 0.30.21
       unplugin: 2.3.11
-    optional: true
 
   undici-types@5.26.5: {}
 
@@ -17074,7 +16113,6 @@ snapshots:
       tinyglobby: 0.2.15
       unplugin: 2.3.11
       unplugin-utils: 0.3.1
-    optional: true
 
   unist-util-find-after@5.0.0:
     dependencies:
@@ -17128,7 +16166,6 @@ snapshots:
     dependencies:
       pathe: 2.0.3
       picomatch: 4.0.3
-    optional: true
 
   unplugin-vue-router@0.10.9(rollup@4.28.1)(vue-router@4.5.0(vue@3.5.13(typescript@5.5.4)))(vue@3.5.13(typescript@5.5.4)):
     dependencies:
@@ -17154,7 +16191,7 @@ snapshots:
 
   unplugin@1.16.0:
     dependencies:
-      acorn: 8.14.0
+      acorn: 8.15.0
       webpack-virtual-modules: 0.6.2
 
   unplugin@2.0.0-beta.1:
@@ -17168,7 +16205,6 @@ snapshots:
       acorn: 8.15.0
       picomatch: 4.0.3
       webpack-virtual-modules: 0.6.2
-    optional: true
 
   unstorage@1.13.1(ioredis@5.4.1):
     dependencies:
@@ -17223,7 +16259,6 @@ snapshots:
       jiti: 2.6.1
       knitwork: 1.3.0
       scule: 1.3.0
-    optional: true
 
   unwasm@0.3.9:
     dependencies:
@@ -17240,13 +16275,6 @@ snapshots:
       escalade: 3.2.0
       picocolors: 1.1.1
 
-  update-browserslist-db@1.2.2(browserslist@4.28.1):
-    dependencies:
-      browserslist: 4.28.1
-      escalade: 3.2.0
-      picocolors: 1.1.1
-    optional: true
-
   uqr@0.1.2: {}
 
   uri-js-replace@1.0.1: {}
@@ -17364,18 +16392,6 @@ snapshots:
       svgo: 3.3.2
       vue: 3.5.13(typescript@5.5.4)
 
-  vite@4.5.3(@types/node@22.4.1)(sass@1.77.6)(terser@5.44.1):
-    dependencies:
-      esbuild: 0.18.20
-      postcss: 8.5.6
-      rollup: 3.29.4
-    optionalDependencies:
-      '@types/node': 22.4.1
-      fsevents: 2.3.3
-      sass: 1.77.6
-      terser: 5.44.1
-    optional: true
-
   vite@5.4.11(@types/node@20.14.11)(sass@1.77.6)(terser@5.44.1):
     dependencies:
       esbuild: 0.21.5
@@ -17575,6 +16591,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  vue-i18n@9.14.5(vue@3.5.13(typescript@5.5.4)):
+    dependencies:
+      '@intlify/core-base': 9.14.5
+      '@intlify/shared': 9.14.5
+      '@vue/devtools-api': 6.6.4
+      vue: 3.5.13(typescript@5.5.4)
+
   vue-multiselect@3.0.0: {}
 
   vue-multiselect@3.0.0-alpha.2: {}
@@ -17656,55 +16679,14 @@ snapshots:
 
   w3c-keyname@2.2.8: {}
 
-  watchpack@2.4.4:
-    dependencies:
-      glob-to-regexp: 0.4.1
-      graceful-fs: 4.2.11
-    optional: true
-
   web-namespaces@2.0.1: {}
 
   web-vitals@4.2.3: {}
 
   webidl-conversions@3.0.1: {}
 
-  webpack-sources@3.3.3:
-    optional: true
-
   webpack-virtual-modules@0.6.2: {}
 
-  webpack@5.92.1:
-    dependencies:
-      '@types/eslint-scope': 3.7.7
-      '@types/estree': 1.0.8
-      '@webassemblyjs/ast': 1.14.1
-      '@webassemblyjs/wasm-edit': 1.14.1
-      '@webassemblyjs/wasm-parser': 1.14.1
-      acorn: 8.15.0
-      acorn-import-attributes: 1.9.5(acorn@8.15.0)
-      browserslist: 4.28.1
-      chrome-trace-event: 1.0.4
-      enhanced-resolve: 5.18.3
-      es-module-lexer: 1.7.0
-      eslint-scope: 5.1.1
-      events: 3.3.0
-      glob-to-regexp: 0.4.1
-      graceful-fs: 4.2.11
-      json-parse-even-better-errors: 2.3.1
-      loader-runner: 4.3.1
-      mime-types: 2.1.35
-      neo-async: 2.6.2
-      schema-utils: 3.3.0
-      tapable: 2.3.0
-      terser-webpack-plugin: 5.3.15(webpack@5.92.1)
-      watchpack: 2.4.4
-      webpack-sources: 3.3.3
-    transitivePeerDependencies:
-      - '@swc/core'
-      - esbuild
-      - uglify-js
-    optional: true
-
   whatwg-url@5.0.0:
     dependencies:
       tr46: 0.0.3
@@ -17788,6 +16770,11 @@ snapshots:
 
   yaml-ast-parser@0.0.43: {}
 
+  yaml-eslint-parser@1.3.2:
+    dependencies:
+      eslint-visitor-keys: 3.4.3
+      yaml: 2.8.0
+
   yaml-language-server@1.15.0:
     dependencies:
       ajv: 8.17.1
@@ -17807,8 +16794,7 @@ snapshots:
 
   yaml@2.6.1: {}
 
-  yaml@2.8.0:
-    optional: true
+  yaml@2.8.0: {}
 
   yargs-parser@21.1.1: {}
 

From 97a95cb97883804dd627527a734152e3daf634aa Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Fri, 26 Dec 2025 18:31:11 +0000
Subject: [PATCH 02/10] feat: consistency + dedupe impl of i18n

---
 .../src/components/ui/IntlFormatted.vue       |  70 -------
 apps/app-frontend/src/i18n.ts                 |  33 +---
 apps/app-frontend/src/utils/i18n-vintl.ts     |  53 ------
 apps/frontend/nuxt.config.ts                  |  65 +------
 .../src/components/ui/IntlFormatted.vue       |  69 -------
 apps/frontend/src/i18n.config.ts              |  56 +-----
 apps/frontend/src/locales/en-US/index.json    |  21 ---
 apps/frontend/src/plugins/i18n-bridge.ts      |  44 -----
 apps/frontend/src/plugins/locale-loader.ts    |  49 -----
 apps/frontend/src/utils/i18n-vintl.ts         |  53 ------
 packages/ui/package.json                      |   1 +
 packages/ui/src/utils/i18n.ts                 | 173 +++++++++++++++---
 pnpm-lock.yaml                                |   3 +
 13 files changed, 162 insertions(+), 528 deletions(-)
 delete mode 100644 apps/app-frontend/src/components/ui/IntlFormatted.vue
 delete mode 100644 apps/app-frontend/src/utils/i18n-vintl.ts
 delete mode 100644 apps/frontend/src/components/ui/IntlFormatted.vue
 delete mode 100644 apps/frontend/src/plugins/i18n-bridge.ts
 delete mode 100644 apps/frontend/src/plugins/locale-loader.ts
 delete mode 100644 apps/frontend/src/utils/i18n-vintl.ts

diff --git a/apps/app-frontend/src/components/ui/IntlFormatted.vue b/apps/app-frontend/src/components/ui/IntlFormatted.vue
deleted file mode 100644
index 77a4d29c36..0000000000
--- a/apps/app-frontend/src/components/ui/IntlFormatted.vue
+++ /dev/null
@@ -1,70 +0,0 @@
-<script setup lang="ts">
-import IntlMessageFormat, { type FormatXMLElementFn, type PrimitiveType } from 'intl-messageformat'
-import { computed, useSlots, type VNode } from 'vue'
-import { useI18n } from 'vue-i18n'
-
-import type { MessageDescriptor } from '@/utils/i18n-vintl'
-
-const props = defineProps<{
-	messageId: MessageDescriptor
-	values?: Record<string, PrimitiveType>
-}>()
-
-const slots = useSlots()
-const { t, locale, messages } = useI18n()
-
-const formattedParts = computed(() => {
-	const key = props.messageId.id
-	const localeMessages = messages.value[locale.value] as Record<string, string> | undefined
-	const translation = localeMessages?.[key]
-
-	let msg: string
-	if (translation && translation !== key) {
-		msg = translation
-	} else {
-		const translatedT = t(key, {})
-		if (translatedT && translatedT !== key) {
-			msg = translatedT
-		} else {
-			msg = props.messageId.defaultMessage ?? key
-		}
-	}
-
-	const slotHandlers: Record<string, FormatXMLElementFn<VNode>> = {}
-	const slotNames = Object.keys(slots)
-
-	for (const slotName of slotNames) {
-		slotHandlers[slotName] = (chunks) => {
-			const slot = slots[slotName]
-			if (slot) {
-				return slot({
-					children: chunks,
-				})
-			}
-			return chunks as VNode[]
-		}
-	}
-
-	try {
-		const formatter = new IntlMessageFormat(msg, locale.value)
-		const result = formatter.format({
-			...props.values,
-			...slotHandlers,
-		})
-
-		if (Array.isArray(result)) {
-			return result
-		}
-		return [result]
-	} catch {
-		return [msg]
-	}
-})
-</script>
-
-<template>
-	<template v-for="(part, index) in formattedParts" :key="index">
-		<component :is="() => part" v-if="typeof part === 'object'" />
-		<template v-else>{{ part }}</template>
-	</template>
-</template>
diff --git a/apps/app-frontend/src/i18n.ts b/apps/app-frontend/src/i18n.ts
index d085ce180f..219981313b 100644
--- a/apps/app-frontend/src/i18n.ts
+++ b/apps/app-frontend/src/i18n.ts
@@ -1,37 +1,18 @@
-import IntlMessageFormat from 'intl-messageformat'
-import { type CompileError, createI18n, type MessageCompiler, type MessageContext } from 'vue-i18n'
+import { buildLocaleMessages, createMessageCompiler, type CrowdinMessages } from '@modrinth/ui'
+import { createI18n } from 'vue-i18n'
 
-const messageCompiler: MessageCompiler = (msg, { locale, key, onError }) => {
-	if (typeof msg === 'string') {
-		try {
-			const formatter = new IntlMessageFormat(msg, locale)
-			return (ctx: MessageContext) => {
-				try {
-					return formatter.format(ctx.values as Record<string, unknown>) as string
-				} catch {
-					return String(msg)
-				}
-			}
-		} catch (e) {
-			onError?.(e as CompileError)
-			return () => key
-		}
-	} else {
-		onError?.(new Error('AST not supported') as CompileError)
-		return () => key
-	}
-}
+const localeModules = import.meta.glob<{ default: CrowdinMessages }>('./locales/*/index.json', {
+	eager: true,
+})
 
 const i18n = createI18n({
 	legacy: false,
 	locale: 'en-US',
 	fallbackLocale: 'en-US',
-	messageCompiler,
+	messageCompiler: createMessageCompiler(),
 	missingWarn: false,
 	fallbackWarn: false,
-	messages: {
-		'en-US': {},
-	},
+	messages: buildLocaleMessages(localeModules),
 })
 
 export default i18n
diff --git a/apps/app-frontend/src/utils/i18n-vintl.ts b/apps/app-frontend/src/utils/i18n-vintl.ts
deleted file mode 100644
index 0b8c971dda..0000000000
--- a/apps/app-frontend/src/utils/i18n-vintl.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import IntlMessageFormat from 'intl-messageformat'
-import { useI18n } from 'vue-i18n'
-
-export interface MessageDescriptor {
-	id: string
-	defaultMessage?: string
-	description?: string
-}
-
-export type MessageDescriptorMap<K extends string> = Record<K, MessageDescriptor>
-
-export function defineMessage<T extends MessageDescriptor>(descriptor: T): T {
-	return descriptor
-}
-
-export function defineMessages<K extends string, T extends MessageDescriptorMap<K>>(
-	descriptors: T,
-): T {
-	return descriptors
-}
-
-export interface VIntlFormatters {
-	formatMessage(descriptor: MessageDescriptor, values?: Record<string, unknown>): string
-}
-
-export function useVIntl(): VIntlFormatters & { locale: globalThis.Ref<string> } {
-	const { t, locale, messages } = useI18n()
-
-	function formatMessage(descriptor: MessageDescriptor, values?: Record<string, unknown>): string {
-		const key = descriptor.id
-		const localeMessages = messages.value[locale.value] as Record<string, string> | undefined
-		const translation = localeMessages?.[key] ?? (t(key, values ?? {}) as string)
-
-		if (translation && translation !== key) {
-			try {
-				const formatter = new IntlMessageFormat(translation, locale.value)
-				return formatter.format(values ?? {}) as string
-			} catch {
-				return translation
-			}
-		}
-
-		const defaultMsg = descriptor.defaultMessage ?? key
-		try {
-			const formatter = new IntlMessageFormat(defaultMsg, locale.value)
-			return formatter.format(values ?? {}) as string
-		} catch {
-			return defaultMsg
-		}
-	}
-
-	return { formatMessage, locale }
-}
diff --git a/apps/frontend/nuxt.config.ts b/apps/frontend/nuxt.config.ts
index c092a576ac..b0432298f3 100644
--- a/apps/frontend/nuxt.config.ts
+++ b/apps/frontend/nuxt.config.ts
@@ -1,4 +1,5 @@
 import { GenericModrinthClient, type Labrinth } from '@modrinth/api-client'
+import { LOCALES } from '@modrinth/ui'
 import serverSidedVue from '@vitejs/plugin-vue'
 import { promises as fs } from 'fs'
 import { defineNuxtConfig } from 'nuxt/config'
@@ -197,69 +198,7 @@ export default defineNuxtConfig({
 	modules: ['@nuxtjs/i18n', '@pinia/nuxt'],
 	i18n: {
 		defaultLocale: 'en-US',
-		locales: [
-			{ code: 'af-ZA', name: 'Afrikaans' },
-			{ code: 'ar-EG', name: 'العربية (مصر)', dir: 'rtl' },
-			{ code: 'ar-SA', name: 'العربية (السعودية)', dir: 'rtl' },
-			{ code: 'az-AZ', name: 'Azərbaycan' },
-			{ code: 'be-BY', name: 'Беларуская' },
-			{ code: 'bg-BG', name: 'Български' },
-			{ code: 'bn-BD', name: 'বাংলা' },
-			{ code: 'ca-ES', name: 'Català' },
-			{ code: 'ceb-PH', name: 'Cebuano' },
-			{ code: 'cs-CZ', name: 'Čeština' },
-			{ code: 'da-DK', name: 'Dansk' },
-			{ code: 'de-CH', name: 'Deutsch (Schweiz)' },
-			{ code: 'de-DE', name: 'Deutsch' },
-			{ code: 'el-GR', name: 'Ελληνικά' },
-			{ code: 'en-PT', name: 'Pirate English' },
-			{ code: 'en-UD', name: 'Upside Down' },
-			{ code: 'en-US', name: 'English (United States)' },
-			{ code: 'eo-UY', name: 'Esperanto' },
-			{ code: 'es-419', name: 'Español (Latinoamérica)' },
-			{ code: 'es-ES', name: 'Español (España)' },
-			{ code: 'et-EE', name: 'Eesti' },
-			{ code: 'fa-IR', name: 'فارسی', dir: 'rtl' },
-			{ code: 'fi-FI', name: 'Suomi' },
-			{ code: 'fil-PH', name: 'Filipino' },
-			{ code: 'fr-FR', name: 'Français' },
-			{ code: 'he-IL', name: 'עברית', dir: 'rtl' },
-			{ code: 'hi-IN', name: 'हिन्दी' },
-			{ code: 'hr-HR', name: 'Hrvatski' },
-			{ code: 'hu-HU', name: 'Magyar' },
-			{ code: 'id-ID', name: 'Bahasa Indonesia' },
-			{ code: 'is-IS', name: 'Íslenska' },
-			{ code: 'it-IT', name: 'Italiano' },
-			{ code: 'ja-JP', name: '日本語' },
-			{ code: 'kk-KZ', name: 'Қазақша' },
-			{ code: 'ko-KR', name: '한국어' },
-			{ code: 'ky-KG', name: 'Кыргызча' },
-			{ code: 'lol-US', name: 'LOLCAT' },
-			{ code: 'lt-LT', name: 'Lietuvių' },
-			{ code: 'lv-LV', name: 'Latviešu' },
-			{ code: 'ms-Arab', name: 'بهاس ملايو (جاوي)', dir: 'rtl' },
-			{ code: 'ms-MY', name: 'Bahasa Melayu' },
-			{ code: 'nl-NL', name: 'Nederlands' },
-			{ code: 'no-NO', name: 'Norsk' },
-			{ code: 'pl-PL', name: 'Polski' },
-			{ code: 'pt-BR', name: 'Português (Brasil)' },
-			{ code: 'pt-PT', name: 'Português (Portugal)' },
-			{ code: 'ro-RO', name: 'Română' },
-			{ code: 'ru-RU', name: 'Русский' },
-			{ code: 'sk-SK', name: 'Slovenčina' },
-			{ code: 'sl-SI', name: 'Slovenščina' },
-			{ code: 'sr-CS', name: 'Српски (ћирилица)' },
-			{ code: 'sr-SP', name: 'Srpski (latinica)' },
-			{ code: 'sv-SE', name: 'Svenska' },
-			{ code: 'th-TH', name: 'ไทย' },
-			{ code: 'tl-PH', name: 'Tagalog' },
-			{ code: 'tr-TR', name: 'Türkçe' },
-			{ code: 'tt-RU', name: 'Татарча' },
-			{ code: 'uk-UA', name: 'Українська' },
-			{ code: 'vi-VN', name: 'Tiếng Việt' },
-			{ code: 'zh-CN', name: '简体中文' },
-			{ code: 'zh-TW', name: '繁體中文' },
-		],
+		locales: LOCALES,
 		strategy: 'no_prefix',
 		detectBrowserLanguage: {
 			useCookie: true,
diff --git a/apps/frontend/src/components/ui/IntlFormatted.vue b/apps/frontend/src/components/ui/IntlFormatted.vue
deleted file mode 100644
index 9497be455b..0000000000
--- a/apps/frontend/src/components/ui/IntlFormatted.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<script setup lang="ts">
-import IntlMessageFormat, { type FormatXMLElementFn, type PrimitiveType } from 'intl-messageformat'
-import { computed, useSlots, type VNode } from 'vue'
-
-import type { MessageDescriptor } from '~/utils/i18n-vintl'
-
-const props = defineProps<{
-	messageId: MessageDescriptor
-	values?: Record<string, PrimitiveType>
-}>()
-
-const slots = useSlots()
-const { t, locale } = useI18n()
-
-const formattedParts = computed(() => {
-	const key = props.messageId.id
-	const translation = t(key, {}) as string
-
-	let msg: string
-	if (translation && translation !== key) {
-		msg = translation
-	} else {
-		msg = props.messageId.defaultMessage ?? key
-	}
-
-	const slotHandlers: Record<string, FormatXMLElementFn<VNode>> = {}
-	const slotNames = Object.keys(slots)
-
-	for (const slotName of slotNames) {
-		const normalizedName = slotName.startsWith('~') ? slotName.slice(1) : slotName
-		slotHandlers[normalizedName] = (chunks) => {
-			const slot = slots[slotName]
-			if (slot) {
-				return slot({
-					children: chunks,
-				})
-			}
-			return chunks as VNode[]
-		}
-
-		msg = msg.replace(
-			new RegExp(`\\{${normalizedName}\\}`, 'g'),
-			`<${normalizedName}></${normalizedName}>`,
-		)
-	}
-
-	try {
-		const formatter = new IntlMessageFormat(msg, locale.value)
-		const result = formatter.format({
-			...props.values,
-			...slotHandlers,
-		})
-
-		if (Array.isArray(result)) {
-			return result
-		}
-		return [result]
-	} catch {
-		return [msg]
-	}
-})
-</script>
-
-<template>
-	<template v-for="(part, index) in formattedParts" :key="index">
-		<component :is="() => part" v-if="typeof part === 'object'" />
-		<template v-else>{{ part }}</template>
-	</template>
-</template>
diff --git a/apps/frontend/src/i18n.config.ts b/apps/frontend/src/i18n.config.ts
index f7c95dbbd8..71f5943421 100644
--- a/apps/frontend/src/i18n.config.ts
+++ b/apps/frontend/src/i18n.config.ts
@@ -1,59 +1,15 @@
-import IntlMessageFormat from 'intl-messageformat'
-import type { CompileError, MessageCompiler, MessageContext } from 'vue-i18n'
+import { buildLocaleMessages, createMessageCompiler, type CrowdinMessages } from '@modrinth/ui'
 
-import enUSMessages from './locales/en-US/index.json'
-
-type CrowdinMessages = Record<string, { message: string } | string>
-
-function transformCrowdinMessages(messages: CrowdinMessages): Record<string, string> {
-	const result: Record<string, string> = {}
-	for (const [key, value] of Object.entries(messages)) {
-		if (typeof value === 'string') {
-			result[key] = value
-		} else if (typeof value === 'object' && value !== null && 'message' in value) {
-			result[key] = value.message
-		}
-	}
-	return result
-}
-
-const messageCompiler: MessageCompiler = (msg, { locale, key, onError }) => {
-	let messageString: string
-
-	if (typeof msg === 'string') {
-		messageString = msg
-	} else if (typeof msg === 'object' && msg !== null && 'message' in msg) {
-		messageString = (msg as { message: string }).message
-	} else {
-		onError?.(new Error('Invalid message format') as CompileError)
-		return () => key
-	}
-
-	try {
-		const formatter = new IntlMessageFormat(messageString, locale)
-		return (ctx: MessageContext) => {
-			try {
-				return formatter.format(ctx.values as Record<string, unknown>) as string
-			} catch {
-				return messageString
-			}
-		}
-	} catch (e) {
-		onError?.(e as CompileError)
-		return () => key
-	}
-}
+const localeModules = import.meta.glob<{ default: CrowdinMessages }>('./locales/*/index.json', {
+	eager: true,
+})
 
 export default defineI18nConfig(() => ({
 	legacy: false,
 	locale: 'en-US',
 	fallbackLocale: 'en-US',
-	messageCompiler,
+	messageCompiler: createMessageCompiler(),
 	missingWarn: false,
 	fallbackWarn: false,
-	messages: {
-		'en-US': transformCrowdinMessages(enUSMessages as CrowdinMessages),
-	},
+	messages: buildLocaleMessages(localeModules),
 }))
-
-export { transformCrowdinMessages }
diff --git a/apps/frontend/src/locales/en-US/index.json b/apps/frontend/src/locales/en-US/index.json
index 04e03a5099..cf44fd27db 100644
--- a/apps/frontend/src/locales/en-US/index.json
+++ b/apps/frontend/src/locales/en-US/index.json
@@ -2813,18 +2813,9 @@
   "settings.display.theme.title": {
     "message": "Color theme"
   },
-  "settings.language.categories.auto": {
-    "message": "Automatic"
-  },
   "settings.language.categories.default": {
     "message": "Standard languages"
   },
-  "settings.language.categories.experimental": {
-    "message": "Experimental languages"
-  },
-  "settings.language.categories.fun": {
-    "message": "Fun languages"
-  },
   "settings.language.categories.search-result": {
     "message": "Search results"
   },
@@ -2834,18 +2825,6 @@
   "settings.language.languages.automatic": {
     "message": "Sync with the system language"
   },
-  "settings.language.languages.language-label-applying": {
-    "message": "{label}. Applying..."
-  },
-  "settings.language.languages.language-label-error": {
-    "message": "{label}. Error"
-  },
-  "settings.language.languages.load-failed": {
-    "message": "Cannot load this language. Try again in a bit."
-  },
-  "settings.language.languages.search-field.description": {
-    "message": "Submit to focus the first search result"
-  },
   "settings.language.languages.search-field.placeholder": {
     "message": "Search for a language..."
   },
diff --git a/apps/frontend/src/plugins/i18n-bridge.ts b/apps/frontend/src/plugins/i18n-bridge.ts
deleted file mode 100644
index fba1c35e3a..0000000000
--- a/apps/frontend/src/plugins/i18n-bridge.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { I18nContext } from '@modrinth/ui/src/utils/i18n'
-import { computed, isRef, ref } from 'vue'
-
-export default defineNuxtPlugin({
-	name: 'i18n-bridge',
-	setup(nuxtApp) {
-		nuxtApp.hook('app:created', (vueApp) => {
-			const i18n = vueApp.config.globalProperties.$i18n
-			if (!i18n) return
-
-			const localeRef = isRef(i18n.locale) ? i18n.locale : ref(i18n.locale ?? 'en-US')
-			const messagesRef = isRef(i18n.messages) ? i18n.messages : ref(i18n.messages ?? {})
-
-			const flatMessages = computed(() => {
-				const locale = localeRef.value
-				const allMessages = messagesRef.value
-				const localeMessages = allMessages[locale] as Record<string, unknown> | undefined
-				if (!localeMessages) return {}
-
-				const result: Record<string, string> = {}
-				for (const [key, value] of Object.entries(localeMessages)) {
-					if (typeof value === 'string') {
-						result[key] = value
-					}
-				}
-				return result
-			})
-
-			const i18nContext: I18nContext = {
-				locale: localeRef,
-				t: (key: string, values?: Record<string, unknown>) => {
-					try {
-						return i18n.t(key, values ?? {})
-					} catch {
-						return key
-					}
-				},
-				messages: flatMessages,
-			}
-
-			vueApp.provide('i18n-context', i18nContext)
-		})
-	},
-})
diff --git a/apps/frontend/src/plugins/locale-loader.ts b/apps/frontend/src/plugins/locale-loader.ts
deleted file mode 100644
index 3b8905d050..0000000000
--- a/apps/frontend/src/plugins/locale-loader.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { transformCrowdinMessages } from '../i18n.config'
-
-type CrowdinMessages = Record<string, { message: string } | string>
-
-const localeModules = import.meta.glob<{ default: CrowdinMessages }>('../locales/*/index.json', {
-	eager: false,
-})
-
-export default defineNuxtPlugin({
-	name: 'locale-loader',
-	async setup(nuxtApp) {
-		const i18n = nuxtApp.$i18n
-
-		async function loadLocaleMessages(locale: string): Promise<void> {
-			if (locale === 'en-US') return
-
-			const path = `../locales/${locale}/index.json`
-			const loader = localeModules[path]
-
-			if (!loader) {
-				console.warn(`Locale file not found for: ${locale}`)
-				return
-			}
-
-			try {
-				const messages = await loader()
-				const transformed = transformCrowdinMessages(messages.default)
-				i18n.setLocaleMessage(locale, transformed)
-			} catch (error) {
-				console.error(`Failed to load locale: ${locale}`, error)
-			}
-		}
-
-		const currentLocale = i18n.locale.value
-		if (currentLocale !== 'en-US') {
-			const messages = i18n.getLocaleMessage(currentLocale)
-			if (!messages || Object.keys(messages).length === 0) {
-				await loadLocaleMessages(currentLocale)
-			}
-		}
-
-		nuxtApp.hook('i18n:beforeLocaleSwitch', async ({ newLocale }) => {
-			const messages = i18n.getLocaleMessage(newLocale)
-			if (!messages || Object.keys(messages).length === 0) {
-				await loadLocaleMessages(newLocale)
-			}
-		})
-	},
-})
diff --git a/apps/frontend/src/utils/i18n-vintl.ts b/apps/frontend/src/utils/i18n-vintl.ts
deleted file mode 100644
index 9dfc45fd98..0000000000
--- a/apps/frontend/src/utils/i18n-vintl.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import IntlMessageFormat from 'intl-messageformat'
-import type { VNode } from 'vue'
-
-export interface MessageDescriptor {
-	id: string
-	defaultMessage?: string
-	description?: string
-}
-
-export type MessageDescriptorMap<K extends string> = Record<K, MessageDescriptor>
-
-export function defineMessage<T extends MessageDescriptor>(descriptor: T): T {
-	return descriptor
-}
-
-export function defineMessages<K extends string, T extends MessageDescriptorMap<K>>(
-	descriptors: T,
-): T {
-	return descriptors
-}
-
-export interface VIntlFormatters {
-	formatMessage(descriptor: MessageDescriptor, values?: Record<string, unknown>): string
-}
-
-export function useVIntl(): VIntlFormatters & { locale: globalThis.Ref<string> } {
-	const { t, locale } = useI18n()
-
-	function formatMessage(descriptor: MessageDescriptor, values?: Record<string, unknown>): string {
-		const key = descriptor.id
-		const translation = t(key, values ?? {}) as string
-
-		if (translation && translation !== key) {
-			return translation
-		}
-
-		const defaultMsg = descriptor.defaultMessage ?? key
-		try {
-			const formatter = new IntlMessageFormat(defaultMsg, locale.value)
-			return formatter.format(values ?? {}) as string
-		} catch {
-			return defaultMsg
-		}
-	}
-
-	return { formatMessage, locale }
-}
-
-export interface IntlFormattedSlotProps {
-	children: () => VNode[]
-}
-
-export type IntlFormattedSlots = Record<string, (props: IntlFormattedSlotProps) => VNode[]>
diff --git a/packages/ui/package.json b/packages/ui/package.json
index ca32918272..6b666e2b94 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -33,6 +33,7 @@
 	"dependencies": {
 		"@codemirror/commands": "^6.3.2",
 		"intl-messageformat": "^10.7.7",
+		"vue-i18n": "^9.14.4",
 		"@codemirror/lang-markdown": "^6.2.3",
 		"@codemirror/language": "^6.9.3",
 		"@codemirror/state": "^6.3.2",
diff --git a/packages/ui/src/utils/i18n.ts b/packages/ui/src/utils/i18n.ts
index cf361dc6fb..bdf1ca6d97 100644
--- a/packages/ui/src/utils/i18n.ts
+++ b/packages/ui/src/utils/i18n.ts
@@ -1,5 +1,7 @@
 import IntlMessageFormat from 'intl-messageformat'
-import { inject, type InjectionKey, provide, type Ref, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { CompileError, MessageCompiler, MessageContext } from 'vue-i18n'
+import { useI18n } from 'vue-i18n'
 
 export interface MessageDescriptor {
 	id: string
@@ -9,6 +11,8 @@ export interface MessageDescriptor {
 
 export type MessageDescriptorMap<K extends string> = Record<K, MessageDescriptor>
 
+export type CrowdinMessages = Record<string, { message: string } | string>
+
 export function defineMessage<T extends MessageDescriptor>(descriptor: T): T {
 	return descriptor
 }
@@ -19,56 +23,165 @@ export function defineMessages<K extends string, T extends MessageDescriptorMap<
 	return descriptors
 }
 
-export interface I18nContext {
-	locale: Ref<string>
-	t: (key: string, values?: Record<string, unknown>) => string
-	messages: Ref<Record<string, string>>
+export interface LocaleDefinition {
+	code: string
+	name: string
+	dir?: 'ltr' | 'rtl'
 }
 
-const i18nKey: InjectionKey<I18nContext> = Symbol('i18n')
-
-export function provideI18n(context: I18nContext) {
-	provide(i18nKey, context)
+export const LOCALES: LocaleDefinition[] = [
+	{ code: 'af-ZA', name: 'Afrikaans' },
+	{ code: 'ar-EG', name: 'العربية (مصر)', dir: 'rtl' },
+	{ code: 'ar-SA', name: 'العربية (السعودية)', dir: 'rtl' },
+	{ code: 'az-AZ', name: 'Azərbaycan' },
+	{ code: 'be-BY', name: 'Беларуская' },
+	{ code: 'bg-BG', name: 'Български' },
+	{ code: 'bn-BD', name: 'বাংলা' },
+	{ code: 'ca-ES', name: 'Català' },
+	{ code: 'ceb-PH', name: 'Cebuano' },
+	{ code: 'cs-CZ', name: 'Čeština' },
+	{ code: 'da-DK', name: 'Dansk' },
+	{ code: 'de-CH', name: 'Deutsch (Schweiz)' },
+	{ code: 'de-DE', name: 'Deutsch' },
+	{ code: 'el-GR', name: 'Ελληνικά' },
+	{ code: 'en-PT', name: 'Pirate English' },
+	{ code: 'en-UD', name: 'Upside Down' },
+	{ code: 'en-US', name: 'English (United States)' },
+	{ code: 'eo-UY', name: 'Esperanto' },
+	{ code: 'es-419', name: 'Español (Latinoamérica)' },
+	{ code: 'es-ES', name: 'Español (España)' },
+	{ code: 'et-EE', name: 'Eesti' },
+	{ code: 'fa-IR', name: 'فارسی', dir: 'rtl' },
+	{ code: 'fi-FI', name: 'Suomi' },
+	{ code: 'fil-PH', name: 'Filipino' },
+	{ code: 'fr-FR', name: 'Français' },
+	{ code: 'he-IL', name: 'עברית', dir: 'rtl' },
+	{ code: 'hi-IN', name: 'हिन्दी' },
+	{ code: 'hr-HR', name: 'Hrvatski' },
+	{ code: 'hu-HU', name: 'Magyar' },
+	{ code: 'id-ID', name: 'Bahasa Indonesia' },
+	{ code: 'is-IS', name: 'Íslenska' },
+	{ code: 'it-IT', name: 'Italiano' },
+	{ code: 'ja-JP', name: '日本語' },
+	{ code: 'kk-KZ', name: 'Қазақша' },
+	{ code: 'ko-KR', name: '한국어' },
+	{ code: 'ky-KG', name: 'Кыргызча' },
+	{ code: 'lol-US', name: 'LOLCAT' },
+	{ code: 'lt-LT', name: 'Lietuvių' },
+	{ code: 'lv-LV', name: 'Latviešu' },
+	{ code: 'ms-Arab', name: 'بهاس ملايو (جاوي)', dir: 'rtl' },
+	{ code: 'ms-MY', name: 'Bahasa Melayu' },
+	{ code: 'nl-NL', name: 'Nederlands' },
+	{ code: 'no-NO', name: 'Norsk' },
+	{ code: 'pl-PL', name: 'Polski' },
+	{ code: 'pt-BR', name: 'Português (Brasil)' },
+	{ code: 'pt-PT', name: 'Português (Portugal)' },
+	{ code: 'ro-RO', name: 'Română' },
+	{ code: 'ru-RU', name: 'Русский' },
+	{ code: 'sk-SK', name: 'Slovenčina' },
+	{ code: 'sl-SI', name: 'Slovenščina' },
+	{ code: 'sr-CS', name: 'Српски (ћирилица)' },
+	{ code: 'sr-SP', name: 'Srpski (latinica)' },
+	{ code: 'sv-SE', name: 'Svenska' },
+	{ code: 'th-TH', name: 'ไทย' },
+	{ code: 'tl-PH', name: 'Tagalog' },
+	{ code: 'tr-TR', name: 'Türkçe' },
+	{ code: 'tt-RU', name: 'Татарча' },
+	{ code: 'uk-UA', name: 'Українська' },
+	{ code: 'vi-VN', name: 'Tiếng Việt' },
+	{ code: 'zh-CN', name: '简体中文' },
+	{ code: 'zh-TW', name: '繁體中文' },
+]
+
+export function transformCrowdinMessages(messages: CrowdinMessages): Record<string, string> {
+	const result: Record<string, string> = {}
+	for (const [key, value] of Object.entries(messages)) {
+		if (typeof value === 'string') {
+			result[key] = value
+		} else if (typeof value === 'object' && value !== null && 'message' in value) {
+			result[key] = value.message
+		}
+	}
+	return result
 }
 
-export function useI18nContext(): I18nContext {
-	const injectedContext = inject(i18nKey)
-	if (injectedContext) {
-		return injectedContext
+const LOCALE_CODES = new Set(LOCALES.map((l) => l.code))
+
+/**
+ * Builds locale messages from glob-imported modules.
+ * Only includes locales that are defined in the LOCALES array.
+ * Usage: buildLocaleMessages(import.meta.glob('./locales/* /index.json', { eager: true }))
+ */
+export function buildLocaleMessages(
+	modules: Record<string, { default: CrowdinMessages }>,
+): Record<string, Record<string, string>> {
+	const messages: Record<string, Record<string, string>> = {}
+	for (const [path, module] of Object.entries(modules)) {
+		// Extract locale code from path like './locales/en-US/index.json'
+		const match = path.match(/\/([^/]+)\/index\.json$/)
+		if (match) {
+			const locale = match[1]
+			// Only include locales that are in our LOCALES list
+			if (LOCALE_CODES.has(locale)) {
+				messages[locale] = transformCrowdinMessages(module.default)
+			}
+		}
 	}
+	return messages
+}
 
-	const bridgeContext = inject<I18nContext>('i18n-context', null as unknown as I18nContext)
-	if (bridgeContext) {
-		return bridgeContext
-	}
+/**
+ * Creates a vue-i18n message compiler that uses IntlMessageFormat for ICU syntax support.
+ * This enables pluralization, select, and other ICU message features.
+ */
+export function createMessageCompiler(): MessageCompiler {
+	return (msg, { locale, key, onError }) => {
+		let messageString: string
+
+		if (typeof msg === 'string') {
+			messageString = msg
+		} else if (typeof msg === 'object' && msg !== null && 'message' in msg) {
+			messageString = (msg as { message: string }).message
+		} else {
+			onError?.(new Error('Invalid message format') as CompileError)
+			return () => key
+		}
 
-	return {
-		locale: ref('en-US'),
-		t: (key: string) => key,
-		messages: ref({}),
+		try {
+			const formatter = new IntlMessageFormat(messageString, locale)
+			return (ctx: MessageContext) => {
+				try {
+					return formatter.format(ctx.values as Record<string, unknown>) as string
+				} catch {
+					return messageString
+				}
+			}
+		} catch (e) {
+			onError?.(e as CompileError)
+			return () => key
+		}
 	}
 }
-
 export interface VIntlFormatters {
 	formatMessage(descriptor: MessageDescriptor, values?: Record<string, unknown>): string
 }
 
+/**
+ * Composable that provides formatMessage() with the same API as @vintl/vintl.
+ * Uses vue-i18n's useI18n() under the hood.
+ */
 export function useVIntl(): VIntlFormatters & { locale: Ref<string> } {
-	const { t, locale, messages } = useI18nContext()
+	const { t, locale } = useI18n()
 
 	function formatMessage(descriptor: MessageDescriptor, values?: Record<string, unknown>): string {
 		const key = descriptor.id
-		const translation = messages.value[key] ?? t(key, values)
+		const translation = t(key, values ?? {})
 
 		if (translation && translation !== key) {
-			try {
-				const formatter = new IntlMessageFormat(translation, locale.value)
-				return formatter.format(values ?? {}) as string
-			} catch {
-				return translation
-			}
+			return translation as string
 		}
 
+		// Fallback to defaultMessage if key not found
 		const defaultMsg = descriptor.defaultMessage ?? key
 		try {
 			const formatter = new IntlMessageFormat(defaultMsg, locale.value)
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b07e8a3db4..2248d5c2ff 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -628,6 +628,9 @@ importers:
       three:
         specifier: ^0.172.0
         version: 0.172.0
+      vue-i18n:
+        specifier: ^9.14.4
+        version: 9.14.5(vue@3.5.13(typescript@5.5.4))
       vue-multiselect:
         specifier: 3.0.0
         version: 3.0.0

From b6bd1810cb36d48f458c8e505ca7c69893c4af5f Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Fri, 26 Dec 2025 18:32:03 +0000
Subject: [PATCH 03/10] fix: broken imports

---
 apps/app-frontend/src/App.vue                 |   3 +-
 .../src/components/ui/UpdateToast.vue         |   3 +-
 .../src/components/ui/friends/FriendsList.vue |   5 +-
 .../components/ui/friends/FriendsSection.vue  |  10 +-
 .../ui/instance_settings/GeneralSettings.vue  |   3 +-
 .../ui/instance_settings/HooksSettings.vue    |   3 +-
 .../InstallationSettings.vue                  |   3 +-
 .../ui/instance_settings/JavaSettings.vue     |   3 +-
 .../ui/instance_settings/WindowSettings.vue   |   3 +-
 .../components/ui/modal/AppSettingsModal.vue  |   3 +-
 .../ui/modal/InstanceSettingsModal.vue        |   3 +-
 .../src/components/ui/world/InstanceItem.vue  |   2 +-
 .../src/components/ui/world/WorldItem.vue     |   5 +-
 .../ui/world/modal/AddServerModal.vue         |   9 +-
 .../ui/world/modal/EditServerModal.vue        |   9 +-
 .../modal/EditSingleplayerWorldModal.vue      |  10 +-
 .../ui/world/modal/HideFromHomeOption.vue     |   4 +-
 .../ui/world/modal/ServerModalBody.vue        |   3 +-
 apps/app-frontend/src/pages/Browse.vue        |  12 +-
 apps/app-frontend/src/pages/instance/Mods.vue |   3 +-
 .../src/pages/instance/Worlds.vue             |   2 +-
 .../src/components/ui/ProjectMemberHeader.vue |   9 +-
 .../ui/create/CollectionCreateModal.vue       |   4 +-
 .../components/ui/create/CreateLimitAlert.vue |   4 +-
 .../ui/create/OrganizationCreateModal.vue     |   4 +-
 .../ui/create/ProjectCreateModal.vue          |  10 +-
 .../ui/dashboard/CreatorTaxFormModal.vue      |   5 +-
 .../ui/dashboard/CreatorWithdrawModal.vue     |  10 +-
 .../ui/dashboard/RevenueInputField.vue        |  10 +-
 .../ui/dashboard/WithdrawFeeBreakdown.vue     |   3 +-
 .../withdraw-stages/CompletionStage.vue       |   4 +-
 .../LegacyPaypalDetailsStage.vue              |   5 +-
 .../withdraw-stages/MethodSelectionStage.vue  |   5 +-
 .../withdraw-stages/MuralpayDetailsStage.vue  |   5 +-
 .../withdraw-stages/MuralpayKycStage.vue      |   3 +-
 .../withdraw-stages/TaxFormStage.vue          |  11 +-
 .../TremendousDetailsStage.vue                |   5 +-
 .../ui/moderation/ModerationProjectNags.vue   |   4 +-
 .../src/components/ui/news/LatestNewsRow.vue  |   4 +-
 .../servers/marketing/ServerPlanSelector.vue  |   3 +-
 .../ui/servers/notice/NoticeDashboardItem.vue |   3 +-
 apps/frontend/src/error.vue                   |   5 +-
 apps/frontend/src/layouts/default.vue         |   2 +-
 apps/frontend/src/pages/[type]/[id].vue       |   2 +-
 .../src/pages/[type]/[id]/settings.vue        |   2 +-
 .../[type]/[id]/settings/environment.vue      |   4 +-
 .../pages/[type]/[id]/settings/general.vue    |   5 +-
 .../src/pages/admin/servers/notices.vue       |   2 +-
 apps/frontend/src/pages/app.vue               |  12 +-
 apps/frontend/src/pages/auth/authorize.vue    |   2 +-
 apps/frontend/src/pages/auth/sign-in.vue      |   3 +-
 apps/frontend/src/pages/auth/sign-up.vue      |   3 +-
 apps/frontend/src/pages/auth/welcome.vue      |   4 +-
 apps/frontend/src/pages/collection/[id].vue   |   5 +-
 .../src/pages/dashboard/affiliate-links.vue   |   3 +-
 .../src/pages/dashboard/revenue/index.vue     |   2 +-
 .../src/pages/dashboard/revenue/transfers.vue |   3 +-
 apps/frontend/src/pages/discover.vue          |   4 +-
 apps/frontend/src/pages/hosting/index.vue     |   2 +-
 .../src/pages/hosting/manage/[id].vue         |   2 +-
 apps/frontend/src/pages/index.vue             |  12 +-
 apps/frontend/src/pages/moderation.vue        |   3 +-
 apps/frontend/src/pages/moderation/index.vue  |  11 +-
 .../src/pages/moderation/reports/index.vue    |  10 +-
 .../src/pages/moderation/technical-review.vue |   3 +-
 apps/frontend/src/pages/report.vue            |   6 +-
 apps/frontend/src/pages/settings/index.vue    |  12 +-
 apps/frontend/src/pages/settings/language.vue |   3 +-
 apps/frontend/src/pages/settings/pats.vue     |   2 +-
 apps/frontend/src/pages/settings/profile.vue  |  11 +-
 apps/frontend/src/pages/user/[id].vue         |   2 +-
 .../src/providers/creator-withdraw.ts         |   2 +-
 apps/frontend/src/utils/muralpay-rails.ts     |   2 +-
 scripts/fix-i18n-imports.ts                   | 120 ++++++++++++++++++
 74 files changed, 336 insertions(+), 142 deletions(-)
 create mode 100644 scripts/fix-i18n-imports.ts

diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
index 4a56f35eed..4901748de8 100644
--- a/apps/app-frontend/src/App.vue
+++ b/apps/app-frontend/src/App.vue
@@ -31,6 +31,7 @@ import {
 	Button,
 	ButtonStyled,
 	commonMessages,
+	defineMessages,
 	NewsArticleCard,
 	NotificationPanel,
 	OverflowMenu,
@@ -39,6 +40,7 @@ import {
 	provideNotificationManager,
 	providePageContext,
 	useDebugLogger,
+	useVIntl,
 } from '@modrinth/ui'
 import { renderString } from '@modrinth/utils'
 import { useQuery } from '@tanstack/vue-query'
@@ -97,7 +99,6 @@ import {
 import { useError } from '@/store/error.js'
 import { useInstall } from '@/store/install.js'
 import { useLoading, useTheming } from '@/store/state'
-import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 import { create_profile_and_install_from_file } from './helpers/pack'
 import { generateSkinPreviews } from './helpers/rendering/batch-skin-renderer'
diff --git a/apps/app-frontend/src/components/ui/UpdateToast.vue b/apps/app-frontend/src/components/ui/UpdateToast.vue
index 95e4f5957b..b9b95f235a 100644
--- a/apps/app-frontend/src/components/ui/UpdateToast.vue
+++ b/apps/app-frontend/src/components/ui/UpdateToast.vue
@@ -1,11 +1,10 @@
 <script setup lang="ts">
 import { DownloadIcon, ExternalIcon, RefreshCwIcon, SpinnerIcon, XIcon } from '@modrinth/assets'
-import { ButtonStyled, commonMessages, ProgressBar } from '@modrinth/ui'
+import { ButtonStyled, commonMessages, defineMessages, ProgressBar, useVIntl } from '@modrinth/ui'
 import { formatBytes } from '@modrinth/utils'
 import { ref } from 'vue'
 
 import { injectAppUpdateDownloadProgress } from '@/providers/download-progress.ts'
-import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 const { formatMessage } = useVIntl()
 
diff --git a/apps/app-frontend/src/components/ui/friends/FriendsList.vue b/apps/app-frontend/src/components/ui/friends/FriendsList.vue
index 293e6828e5..7b4da30d19 100644
--- a/apps/app-frontend/src/components/ui/friends/FriendsList.vue
+++ b/apps/app-frontend/src/components/ui/friends/FriendsList.vue
@@ -4,13 +4,15 @@ import {
 	Avatar,
 	ButtonStyled,
 	commonMessages,
+	defineMessages,
 	injectNotificationManager,
+	IntlFormatted,
 	useRelativeTime,
+	useVIntl,
 } from '@modrinth/ui'
 import { computed, onUnmounted, ref, watch } from 'vue'
 
 import FriendsSection from '@/components/ui/friends/FriendsSection.vue'
-import IntlFormatted from '@/components/ui/IntlFormatted.vue'
 import ModalWrapper from '@/components/ui/modal/ModalWrapper.vue'
 import { friend_listener } from '@/helpers/events'
 import {
@@ -21,7 +23,6 @@ import {
 	transformFriends,
 } from '@/helpers/friends.ts'
 import type { ModrinthCredentials } from '@/helpers/mr_auth'
-import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 const { formatMessage } = useVIntl()
 
diff --git a/apps/app-frontend/src/components/ui/friends/FriendsSection.vue b/apps/app-frontend/src/components/ui/friends/FriendsSection.vue
index da927fbe9d..0f30b311e8 100644
--- a/apps/app-frontend/src/components/ui/friends/FriendsSection.vue
+++ b/apps/app-frontend/src/components/ui/friends/FriendsSection.vue
@@ -1,12 +1,18 @@
 <script setup lang="ts">
 import { MoreVerticalIcon, TrashIcon, UserIcon, XIcon } from '@modrinth/assets'
-import { Accordion, Avatar, ButtonStyled, OverflowMenu } from '@modrinth/ui'
+import {
+	Accordion,
+	Avatar,
+	ButtonStyled,
+	defineMessages,
+	OverflowMenu,
+	useVIntl,
+} from '@modrinth/ui'
 import { openUrl } from '@tauri-apps/plugin-opener'
 import { useTemplateRef } from 'vue'
 
 import ContextMenu from '@/components/ui/ContextMenu.vue'
 import type { FriendWithUserData } from '@/helpers/friends.ts'
-import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 const { formatMessage } = useVIntl()
 
diff --git a/apps/app-frontend/src/components/ui/instance_settings/GeneralSettings.vue b/apps/app-frontend/src/components/ui/instance_settings/GeneralSettings.vue
index 8cc209d8c6..208f2a7547 100644
--- a/apps/app-frontend/src/components/ui/instance_settings/GeneralSettings.vue
+++ b/apps/app-frontend/src/components/ui/instance_settings/GeneralSettings.vue
@@ -4,8 +4,10 @@ import {
 	Avatar,
 	ButtonStyled,
 	Checkbox,
+	defineMessages,
 	injectNotificationManager,
 	OverflowMenu,
+	useVIntl,
 } from '@modrinth/ui'
 import { convertFileSrc } from '@tauri-apps/api/core'
 import { open } from '@tauri-apps/plugin-dialog'
@@ -15,7 +17,6 @@ import { useRouter } from 'vue-router'
 import ConfirmModalWrapper from '@/components/ui/modal/ConfirmModalWrapper.vue'
 import { trackEvent } from '@/helpers/analytics'
 import { duplicate, edit, edit_icon, list, remove } from '@/helpers/profile'
-import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 import type { GameInstance, InstanceSettingsTabProps } from '../../../helpers/types'
 
diff --git a/apps/app-frontend/src/components/ui/instance_settings/HooksSettings.vue b/apps/app-frontend/src/components/ui/instance_settings/HooksSettings.vue
index 9443d5b4d4..69af05d67c 100644
--- a/apps/app-frontend/src/components/ui/instance_settings/HooksSettings.vue
+++ b/apps/app-frontend/src/components/ui/instance_settings/HooksSettings.vue
@@ -1,10 +1,9 @@
 <script setup lang="ts">
-import { Checkbox, injectNotificationManager } from '@modrinth/ui'
+import { Checkbox, defineMessages, injectNotificationManager, useVIntl } from '@modrinth/ui'
 import { computed, ref, watch } from 'vue'
 
 import { edit } from '@/helpers/profile'
 import { get } from '@/helpers/settings.ts'
-import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 import type { AppSettings, Hooks, InstanceSettingsTabProps } from '../../../helpers/types'
 
diff --git a/apps/app-frontend/src/components/ui/instance_settings/InstallationSettings.vue b/apps/app-frontend/src/components/ui/instance_settings/InstallationSettings.vue
index 66ffa32abc..c0a175581a 100644
--- a/apps/app-frontend/src/components/ui/instance_settings/InstallationSettings.vue
+++ b/apps/app-frontend/src/components/ui/instance_settings/InstallationSettings.vue
@@ -16,7 +16,9 @@ import {
 	Checkbox,
 	Chips,
 	Combobox,
+	defineMessages,
 	injectNotificationManager,
+	useVIntl,
 } from '@modrinth/ui'
 import {
 	formatCategory,
@@ -35,7 +37,6 @@ import { get_project, get_version_many } from '@/helpers/cache'
 import { get_loader_versions } from '@/helpers/metadata'
 import { edit, install, update_repair_modrinth } from '@/helpers/profile'
 import { get_game_versions, get_loaders } from '@/helpers/tags'
-import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 import type {
 	InstanceSettingsTabProps,
diff --git a/apps/app-frontend/src/components/ui/instance_settings/JavaSettings.vue b/apps/app-frontend/src/components/ui/instance_settings/JavaSettings.vue
index fd5fd14e8e..001be83eb5 100644
--- a/apps/app-frontend/src/components/ui/instance_settings/JavaSettings.vue
+++ b/apps/app-frontend/src/components/ui/instance_settings/JavaSettings.vue
@@ -1,13 +1,12 @@
 <script setup lang="ts">
 import { CheckCircleIcon, XCircleIcon } from '@modrinth/assets'
-import { Checkbox, injectNotificationManager, Slider } from '@modrinth/ui'
+import { Checkbox, defineMessages, injectNotificationManager, Slider, useVIntl } from '@modrinth/ui'
 import { computed, readonly, ref, watch } from 'vue'
 
 import JavaSelector from '@/components/ui/JavaSelector.vue'
 import useMemorySlider from '@/composables/useMemorySlider'
 import { edit, get_optimal_jre_key } from '@/helpers/profile'
 import { get } from '@/helpers/settings.ts'
-import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 import type { AppSettings, InstanceSettingsTabProps } from '../../../helpers/types'
 
diff --git a/apps/app-frontend/src/components/ui/instance_settings/WindowSettings.vue b/apps/app-frontend/src/components/ui/instance_settings/WindowSettings.vue
index 1bf2df9d34..22badf403c 100644
--- a/apps/app-frontend/src/components/ui/instance_settings/WindowSettings.vue
+++ b/apps/app-frontend/src/components/ui/instance_settings/WindowSettings.vue
@@ -1,10 +1,9 @@
 <script setup lang="ts">
-import { Checkbox, injectNotificationManager, Toggle } from '@modrinth/ui'
+import { Checkbox, defineMessages, injectNotificationManager, Toggle, useVIntl } from '@modrinth/ui'
 import { computed, type Ref, ref, watch } from 'vue'
 
 import { edit } from '@/helpers/profile'
 import { get } from '@/helpers/settings.ts'
-import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 import type { AppSettings, InstanceSettingsTabProps } from '../../../helpers/types'
 
diff --git a/apps/app-frontend/src/components/ui/modal/AppSettingsModal.vue b/apps/app-frontend/src/components/ui/modal/AppSettingsModal.vue
index df3860a9e5..241519bc54 100644
--- a/apps/app-frontend/src/components/ui/modal/AppSettingsModal.vue
+++ b/apps/app-frontend/src/components/ui/modal/AppSettingsModal.vue
@@ -9,7 +9,7 @@ import {
 	SettingsIcon,
 	ShieldIcon,
 } from '@modrinth/assets'
-import { ProgressBar, TabbedModal } from '@modrinth/ui'
+import { defineMessage, defineMessages, ProgressBar, TabbedModal, useVIntl } from '@modrinth/ui'
 import { getVersion } from '@tauri-apps/api/app'
 import { platform as getOsPlatform, version as getOsVersion } from '@tauri-apps/plugin-os'
 import { computed, ref, watch } from 'vue'
@@ -24,7 +24,6 @@ import ResourceManagementSettings from '@/components/ui/settings/ResourceManagem
 import { get, set } from '@/helpers/settings.ts'
 import { injectAppUpdateDownloadProgress } from '@/providers/download-progress.ts'
 import { useTheming } from '@/store/state'
-import { defineMessage, defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 const themeStore = useTheming()
 
diff --git a/apps/app-frontend/src/components/ui/modal/InstanceSettingsModal.vue b/apps/app-frontend/src/components/ui/modal/InstanceSettingsModal.vue
index 96041e1eca..2d345ad2bc 100644
--- a/apps/app-frontend/src/components/ui/modal/InstanceSettingsModal.vue
+++ b/apps/app-frontend/src/components/ui/modal/InstanceSettingsModal.vue
@@ -7,7 +7,7 @@ import {
 	MonitorIcon,
 	WrenchIcon,
 } from '@modrinth/assets'
-import { Avatar, TabbedModal, type TabbedModalTab } from '@modrinth/ui'
+import { Avatar, defineMessage, TabbedModal, type TabbedModalTab, useVIntl } from '@modrinth/ui'
 import { convertFileSrc } from '@tauri-apps/api/core'
 import { ref } from 'vue'
 
@@ -17,7 +17,6 @@ import InstallationSettings from '@/components/ui/instance_settings/Installation
 import JavaSettings from '@/components/ui/instance_settings/JavaSettings.vue'
 import WindowSettings from '@/components/ui/instance_settings/WindowSettings.vue'
 import ModalWrapper from '@/components/ui/modal/ModalWrapper.vue'
-import { defineMessage, useVIntl } from '@/utils/i18n-vintl'
 
 import type { InstanceSettingsTabProps } from '../../../helpers/types'
 
diff --git a/apps/app-frontend/src/components/ui/world/InstanceItem.vue b/apps/app-frontend/src/components/ui/world/InstanceItem.vue
index 77e23068c6..a4e1816592 100644
--- a/apps/app-frontend/src/components/ui/world/InstanceItem.vue
+++ b/apps/app-frontend/src/components/ui/world/InstanceItem.vue
@@ -15,6 +15,7 @@ import {
 	OverflowMenu,
 	SmartClickable,
 	useRelativeTime,
+	useVIntl,
 } from '@modrinth/ui'
 import { capitalizeString } from '@modrinth/utils'
 import { convertFileSrc } from '@tauri-apps/api/core'
@@ -31,7 +32,6 @@ import { kill, run } from '@/helpers/profile'
 import type { GameInstance } from '@/helpers/types'
 import { showProfileInFolder } from '@/helpers/utils'
 import { handleSevereError } from '@/store/error'
-import { useVIntl } from '@/utils/i18n-vintl'
 
 const { handleError } = injectNotificationManager()
 const { formatMessage } = useVIntl()
diff --git a/apps/app-frontend/src/components/ui/world/WorldItem.vue b/apps/app-frontend/src/components/ui/world/WorldItem.vue
index e8e764e2ec..9451cec125 100644
--- a/apps/app-frontend/src/components/ui/world/WorldItem.vue
+++ b/apps/app-frontend/src/components/ui/world/WorldItem.vue
@@ -17,13 +17,16 @@ import {
 	UserIcon,
 	XIcon,
 } from '@modrinth/assets'
+import type { MessageDescriptor } from '@modrinth/ui'
 import {
 	Avatar,
 	ButtonStyled,
 	commonMessages,
+	defineMessages,
 	OverflowMenu,
 	SmartClickable,
 	useRelativeTime,
+	useVIntl,
 } from '@modrinth/ui'
 import { formatNumber, getPingLevel } from '@modrinth/utils'
 import { convertFileSrc } from '@tauri-apps/api/core'
@@ -42,8 +45,6 @@ import type {
 	World,
 } from '@/helpers/worlds.ts'
 import { getWorldIdentifier, set_world_display_status } from '@/helpers/worlds.ts'
-import type { MessageDescriptor } from '@/utils/i18n-vintl'
-import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 const { formatMessage } = useVIntl()
 const formatRelativeTime = useRelativeTime()
diff --git a/apps/app-frontend/src/components/ui/world/modal/AddServerModal.vue b/apps/app-frontend/src/components/ui/world/modal/AddServerModal.vue
index 82b88eebf7..67783c2ce0 100644
--- a/apps/app-frontend/src/components/ui/world/modal/AddServerModal.vue
+++ b/apps/app-frontend/src/components/ui/world/modal/AddServerModal.vue
@@ -1,6 +1,12 @@
 <script setup lang="ts">
 import { PlayIcon, PlusIcon, XIcon } from '@modrinth/assets'
-import { ButtonStyled, commonMessages, injectNotificationManager } from '@modrinth/ui'
+import {
+	ButtonStyled,
+	commonMessages,
+	defineMessages,
+	injectNotificationManager,
+	useVIntl,
+} from '@modrinth/ui'
 import { ref } from 'vue'
 
 import InstanceModalTitlePrefix from '@/components/ui/modal/InstanceModalTitlePrefix.vue'
@@ -8,7 +14,6 @@ import ModalWrapper from '@/components/ui/modal/ModalWrapper.vue'
 import ServerModalBody from '@/components/ui/world/modal/ServerModalBody.vue'
 import type { GameInstance } from '@/helpers/types'
 import { add_server_to_profile, type ServerPackStatus, type ServerWorld } from '@/helpers/worlds.ts'
-import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 const { handleError } = injectNotificationManager()
 const { formatMessage } = useVIntl()
diff --git a/apps/app-frontend/src/components/ui/world/modal/EditServerModal.vue b/apps/app-frontend/src/components/ui/world/modal/EditServerModal.vue
index f8e3b7e93a..0991a2a263 100644
--- a/apps/app-frontend/src/components/ui/world/modal/EditServerModal.vue
+++ b/apps/app-frontend/src/components/ui/world/modal/EditServerModal.vue
@@ -1,6 +1,12 @@
 <script setup lang="ts">
 import { SaveIcon, XIcon } from '@modrinth/assets'
-import { ButtonStyled, commonMessages, injectNotificationManager } from '@modrinth/ui'
+import {
+	ButtonStyled,
+	commonMessages,
+	defineMessage,
+	injectNotificationManager,
+	useVIntl,
+} from '@modrinth/ui'
 import { computed, ref } from 'vue'
 
 import ModalWrapper from '@/components/ui/modal/ModalWrapper.vue'
@@ -14,7 +20,6 @@ import {
 	type ServerWorld,
 	set_world_display_status,
 } from '@/helpers/worlds.ts'
-import { defineMessage, useVIntl } from '@/utils/i18n-vintl'
 
 const { handleError } = injectNotificationManager()
 const { formatMessage } = useVIntl()
diff --git a/apps/app-frontend/src/components/ui/world/modal/EditSingleplayerWorldModal.vue b/apps/app-frontend/src/components/ui/world/modal/EditSingleplayerWorldModal.vue
index 35f1842249..eaba09afb0 100644
--- a/apps/app-frontend/src/components/ui/world/modal/EditSingleplayerWorldModal.vue
+++ b/apps/app-frontend/src/components/ui/world/modal/EditSingleplayerWorldModal.vue
@@ -1,6 +1,13 @@
 <script setup lang="ts">
 import { ChevronRightIcon, SaveIcon, UndoIcon, XIcon } from '@modrinth/assets'
-import { Avatar, ButtonStyled, commonMessages, injectNotificationManager } from '@modrinth/ui'
+import {
+	Avatar,
+	ButtonStyled,
+	commonMessages,
+	defineMessages,
+	injectNotificationManager,
+	useVIntl,
+} from '@modrinth/ui'
 import { computed, ref } from 'vue'
 
 import ModalWrapper from '@/components/ui/modal/ModalWrapper.vue'
@@ -8,7 +15,6 @@ import HideFromHomeOption from '@/components/ui/world/modal/HideFromHomeOption.v
 import type { GameInstance } from '@/helpers/types'
 import type { DisplayStatus, SingleplayerWorld } from '@/helpers/worlds.ts'
 import { rename_world, reset_world_icon, set_world_display_status } from '@/helpers/worlds.ts'
-import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 const { handleError } = injectNotificationManager()
 const { formatMessage } = useVIntl()
diff --git a/apps/app-frontend/src/components/ui/world/modal/HideFromHomeOption.vue b/apps/app-frontend/src/components/ui/world/modal/HideFromHomeOption.vue
index 8de157e260..12214b1c52 100644
--- a/apps/app-frontend/src/components/ui/world/modal/HideFromHomeOption.vue
+++ b/apps/app-frontend/src/components/ui/world/modal/HideFromHomeOption.vue
@@ -1,9 +1,7 @@
 <script setup lang="ts">
-import { Checkbox } from '@modrinth/ui'
+import { Checkbox, defineMessage, useVIntl } from '@modrinth/ui'
 import { computed } from 'vue'
 
-import { defineMessage, useVIntl } from '@/utils/i18n-vintl'
-
 const { formatMessage } = useVIntl()
 const value = defineModel<boolean>({ required: true })
 
diff --git a/apps/app-frontend/src/components/ui/world/modal/ServerModalBody.vue b/apps/app-frontend/src/components/ui/world/modal/ServerModalBody.vue
index 497569a1f6..c03d18c086 100644
--- a/apps/app-frontend/src/components/ui/world/modal/ServerModalBody.vue
+++ b/apps/app-frontend/src/components/ui/world/modal/ServerModalBody.vue
@@ -1,8 +1,7 @@
 <script setup lang="ts">
-import { Combobox } from '@modrinth/ui'
+import { Combobox, defineMessages, type MessageDescriptor, useVIntl } from '@modrinth/ui'
 
 import type { ServerPackStatus } from '@/helpers/worlds.ts'
-import { defineMessages, type MessageDescriptor, useVIntl } from '@/utils/i18n-vintl'
 
 const { formatMessage } = useVIntl()
 
diff --git a/apps/app-frontend/src/pages/Browse.vue b/apps/app-frontend/src/pages/Browse.vue
index a220937729..d9e3c67547 100644
--- a/apps/app-frontend/src/pages/Browse.vue
+++ b/apps/app-frontend/src/pages/Browse.vue
@@ -1,6 +1,15 @@
 <script setup lang="ts">
 import { ClipboardCopyIcon, ExternalIcon, GlobeIcon, SearchIcon, XIcon } from '@modrinth/assets'
-import type { Category, GameVersion, Platform, ProjectType, SortType, Tags } from '@modrinth/ui'
+import type {
+	Category,
+	defineMessages,
+	GameVersion,
+	Platform,
+	ProjectType,
+	SortType,
+	Tags,
+	useVIntl,
+} from '@modrinth/ui'
 import {
 	Button,
 	Checkbox,
@@ -27,7 +36,6 @@ import { get_search_results } from '@/helpers/cache.js'
 import { get as getInstance, get_projects as getInstanceProjects } from '@/helpers/profile.js'
 import { get_categories, get_game_versions, get_loaders } from '@/helpers/tags'
 import { useBreadcrumbs } from '@/store/breadcrumbs'
-import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 const { handleError } = injectNotificationManager()
 const { formatMessage } = useVIntl()
diff --git a/apps/app-frontend/src/pages/instance/Mods.vue b/apps/app-frontend/src/pages/instance/Mods.vue
index d92d6b275b..e91b43f0bd 100644
--- a/apps/app-frontend/src/pages/instance/Mods.vue
+++ b/apps/app-frontend/src/pages/instance/Mods.vue
@@ -274,11 +274,13 @@ import {
 	Button,
 	ButtonStyled,
 	ContentListPanel,
+	defineMessages,
 	injectNotificationManager,
 	OverflowMenu,
 	Pagination,
 	RadialHeader,
 	Toggle,
+	useVIntl,
 } from '@modrinth/ui'
 import type { ContentItem } from '@modrinth/ui/src/components/content/ContentListItem.vue'
 import type { Organization, Project, TeamMember, Version } from '@modrinth/utils'
@@ -316,7 +318,6 @@ import {
 import type { CacheBehaviour, ContentFile, GameInstance } from '@/helpers/types'
 import { highlightModInProfile } from '@/helpers/utils.js'
 import { installVersionDependencies } from '@/store/install'
-import { defineMessages, useVIntl } from '@/utils/i18n-vintl'
 
 const { handleError } = injectNotificationManager()
 
diff --git a/apps/app-frontend/src/pages/instance/Worlds.vue b/apps/app-frontend/src/pages/instance/Worlds.vue
index c82ba45105..944e80c21e 100644
--- a/apps/app-frontend/src/pages/instance/Worlds.vue
+++ b/apps/app-frontend/src/pages/instance/Worlds.vue
@@ -125,6 +125,7 @@ import { PlusIcon, SearchIcon, SpinnerIcon, UpdatedIcon, XIcon } from '@modrinth
 import {
 	Button,
 	ButtonStyled,
+	defineMessages,
 	FilterBar,
 	type FilterBarOption,
 	GAME_MODES,
@@ -168,7 +169,6 @@ import {
 	start_join_singleplayer_world,
 	type World,
 } from '@/helpers/worlds.ts'
-import { defineMessages } from '@/utils/i18n-vintl'
 
 const { handleError } = injectNotificationManager()
 const route = useRoute()
diff --git a/apps/frontend/src/components/ui/ProjectMemberHeader.vue b/apps/frontend/src/components/ui/ProjectMemberHeader.vue
index a3c2e13c5d..3cf8f8e559 100644
--- a/apps/frontend/src/components/ui/ProjectMemberHeader.vue
+++ b/apps/frontend/src/components/ui/ProjectMemberHeader.vue
@@ -24,12 +24,17 @@
 
 <script setup lang="ts">
 import { CheckIcon, XIcon } from '@modrinth/assets'
-import { ButtonStyled, injectNotificationManager } from '@modrinth/ui'
+import {
+	ButtonStyled,
+	defineMessages,
+	injectNotificationManager,
+	type MessageDescriptor,
+	useVIntl,
+} from '@modrinth/ui'
 import type { Project, User, Version } from '@modrinth/utils'
 import { computed } from 'vue'
 
 import { acceptTeamInvite, removeTeamMember } from '~/helpers/teams.js'
-import { defineMessages, type MessageDescriptor, useVIntl } from '~/utils/i18n-vintl'
 
 const { addNotification } = injectNotificationManager()
 
diff --git a/apps/frontend/src/components/ui/create/CollectionCreateModal.vue b/apps/frontend/src/components/ui/create/CollectionCreateModal.vue
index f822fd0ffc..1fbc01d71f 100644
--- a/apps/frontend/src/components/ui/create/CollectionCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/CollectionCreateModal.vue
@@ -58,9 +58,7 @@
 </template>
 <script setup>
 import { PlusIcon, XIcon } from '@modrinth/assets'
-import { ButtonStyled, injectNotificationManager, NewModal } from '@modrinth/ui'
-
-import { defineMessages } from '~/utils/i18n-vintl'
+import { ButtonStyled, defineMessages, injectNotificationManager, NewModal } from '@modrinth/ui'
 
 import CreateLimitAlert from './CreateLimitAlert.vue'
 
diff --git a/apps/frontend/src/components/ui/create/CreateLimitAlert.vue b/apps/frontend/src/components/ui/create/CreateLimitAlert.vue
index 758b997655..d06bcdc96a 100644
--- a/apps/frontend/src/components/ui/create/CreateLimitAlert.vue
+++ b/apps/frontend/src/components/ui/create/CreateLimitAlert.vue
@@ -42,12 +42,10 @@
 
 <script setup lang="ts">
 import { MessageIcon } from '@modrinth/assets'
-import { Admonition, ButtonStyled } from '@modrinth/ui'
+import { Admonition, ButtonStyled, defineMessages } from '@modrinth/ui'
 import { capitalizeString } from '@modrinth/utils'
 import { computed, watch } from 'vue'
 
-import { defineMessages } from '~/utils/i18n-vintl'
-
 const { formatMessage } = useVIntl()
 
 const messages = defineMessages({
diff --git a/apps/frontend/src/components/ui/create/OrganizationCreateModal.vue b/apps/frontend/src/components/ui/create/OrganizationCreateModal.vue
index 49fb08d701..d2c557205b 100644
--- a/apps/frontend/src/components/ui/create/OrganizationCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/OrganizationCreateModal.vue
@@ -81,11 +81,9 @@
 
 <script setup lang="ts">
 import { PlusIcon, XIcon } from '@modrinth/assets'
-import { ButtonStyled, injectNotificationManager, NewModal } from '@modrinth/ui'
+import { ButtonStyled, defineMessages, injectNotificationManager, NewModal } from '@modrinth/ui'
 import { ref } from 'vue'
 
-import { defineMessages } from '~/utils/i18n-vintl'
-
 import CreateLimitAlert from './CreateLimitAlert.vue'
 
 const router = useNativeRouter()
diff --git a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
index a205ac815a..e2e854dcd1 100644
--- a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
@@ -95,9 +95,13 @@
 
 <script setup>
 import { PlusIcon, XIcon } from '@modrinth/assets'
-import { ButtonStyled, Chips, injectNotificationManager, NewModal } from '@modrinth/ui'
-
-import { defineMessages } from '~/utils/i18n-vintl'
+import {
+	ButtonStyled,
+	Chips,
+	defineMessages,
+	injectNotificationManager,
+	NewModal,
+} from '@modrinth/ui'
 
 import CreateLimitAlert from './CreateLimitAlert.vue'
 
diff --git a/apps/frontend/src/components/ui/dashboard/CreatorTaxFormModal.vue b/apps/frontend/src/components/ui/dashboard/CreatorTaxFormModal.vue
index 677d834133..b2e1a73b8b 100644
--- a/apps/frontend/src/components/ui/dashboard/CreatorTaxFormModal.vue
+++ b/apps/frontend/src/components/ui/dashboard/CreatorTaxFormModal.vue
@@ -162,14 +162,15 @@ import {
 	Admonition,
 	ButtonStyled,
 	Chips,
+	defineMessages,
 	injectNotificationManager,
+	IntlFormatted,
 	NewModal,
 	normalizeChildren,
+	useVIntl,
 } from '@modrinth/ui'
 
 import { type FormRequestResponse, useAvalara1099 } from '@/composables/avalara1099'
-import IntlFormatted from '~/components/ui/IntlFormatted.vue'
-import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const props = withDefaults(
 	defineProps<{
diff --git a/apps/frontend/src/components/ui/dashboard/CreatorWithdrawModal.vue b/apps/frontend/src/components/ui/dashboard/CreatorWithdrawModal.vue
index 4bb0fb31ae..486e78e9df 100644
--- a/apps/frontend/src/components/ui/dashboard/CreatorWithdrawModal.vue
+++ b/apps/frontend/src/components/ui/dashboard/CreatorWithdrawModal.vue
@@ -116,7 +116,14 @@ import {
 	SpinnerIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { ButtonStyled, commonMessages, injectNotificationManager, NewModal } from '@modrinth/ui'
+import {
+	ButtonStyled,
+	commonMessages,
+	defineMessages,
+	injectNotificationManager,
+	NewModal,
+	useVIntl,
+} from '@modrinth/ui'
 import { computed, nextTick, onMounted, ref, useTemplateRef, watch } from 'vue'
 
 import {
@@ -126,7 +133,6 @@ import {
 	TAX_THRESHOLD_ACTUAL,
 	type WithdrawStage,
 } from '@/providers/creator-withdraw.ts'
-import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 import CreatorTaxFormModal from './CreatorTaxFormModal.vue'
 import CompletionStage from './withdraw-stages/CompletionStage.vue'
diff --git a/apps/frontend/src/components/ui/dashboard/RevenueInputField.vue b/apps/frontend/src/components/ui/dashboard/RevenueInputField.vue
index 38281e34de..37b3010b93 100644
--- a/apps/frontend/src/components/ui/dashboard/RevenueInputField.vue
+++ b/apps/frontend/src/components/ui/dashboard/RevenueInputField.vue
@@ -49,12 +49,16 @@
 </template>
 
 <script setup lang="ts">
-import { ButtonStyled, Combobox, commonMessages, formFieldPlaceholders } from '@modrinth/ui'
+import {
+	ButtonStyled,
+	Combobox,
+	commonMessages,
+	formFieldPlaceholders,
+	useVIntl,
+} from '@modrinth/ui'
 import { formatMoney } from '@modrinth/utils'
 import { computed, nextTick, ref, watch } from 'vue'
 
-import { useVIntl } from '~/utils/i18n-vintl'
-
 const props = withDefaults(
 	defineProps<{
 		modelValue: number | undefined
diff --git a/apps/frontend/src/components/ui/dashboard/WithdrawFeeBreakdown.vue b/apps/frontend/src/components/ui/dashboard/WithdrawFeeBreakdown.vue
index e98b78ac4b..c6b3337912 100644
--- a/apps/frontend/src/components/ui/dashboard/WithdrawFeeBreakdown.vue
+++ b/apps/frontend/src/components/ui/dashboard/WithdrawFeeBreakdown.vue
@@ -57,11 +57,10 @@
 
 <script setup lang="ts">
 import { LoaderCircleIcon } from '@modrinth/assets'
+import { defineMessages, useVIntl } from '@modrinth/ui'
 import { formatMoney } from '@modrinth/utils'
 import { computed } from 'vue'
 
-import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
-
 const props = withDefaults(
 	defineProps<{
 		amount: number
diff --git a/apps/frontend/src/components/ui/dashboard/withdraw-stages/CompletionStage.vue b/apps/frontend/src/components/ui/dashboard/withdraw-stages/CompletionStage.vue
index 6c8b544c1e..f27f580608 100644
--- a/apps/frontend/src/components/ui/dashboard/withdraw-stages/CompletionStage.vue
+++ b/apps/frontend/src/components/ui/dashboard/withdraw-stages/CompletionStage.vue
@@ -124,7 +124,7 @@
 </template>
 
 <script setup lang="ts">
-import { normalizeChildren } from '@modrinth/ui'
+import { defineMessages, IntlFormatted, normalizeChildren, useVIntl } from '@modrinth/ui'
 import { formatMoney } from '@modrinth/utils'
 import dayjs from 'dayjs'
 import { computed, onMounted, ref } from 'vue'
@@ -132,8 +132,6 @@ import ConfettiExplosion from 'vue-confetti-explosion'
 
 import { type TremendousProviderData, useWithdrawContext } from '@/providers/creator-withdraw.ts'
 import { getRailConfig } from '@/utils/muralpay-rails'
-import IntlFormatted from '~/components/ui/IntlFormatted.vue'
-import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const { withdrawData } = useWithdrawContext()
 const { formatMessage } = useVIntl()
diff --git a/apps/frontend/src/components/ui/dashboard/withdraw-stages/LegacyPaypalDetailsStage.vue b/apps/frontend/src/components/ui/dashboard/withdraw-stages/LegacyPaypalDetailsStage.vue
index d713d16020..6fa44b0ae5 100644
--- a/apps/frontend/src/components/ui/dashboard/withdraw-stages/LegacyPaypalDetailsStage.vue
+++ b/apps/frontend/src/components/ui/dashboard/withdraw-stages/LegacyPaypalDetailsStage.vue
@@ -107,9 +107,12 @@ import { CheckIcon, PayPalColorIcon, SaveIcon, XIcon } from '@modrinth/assets'
 import {
 	ButtonStyled,
 	Checkbox,
+	defineMessages,
 	financialMessages,
 	formFieldLabels,
+	IntlFormatted,
 	normalizeChildren,
+	useVIntl,
 } from '@modrinth/ui'
 import { useDebounceFn } from '@vueuse/core'
 import { computed, onMounted, ref, watch } from 'vue'
@@ -118,8 +121,6 @@ import RevenueInputField from '@/components/ui/dashboard/RevenueInputField.vue'
 import WithdrawFeeBreakdown from '@/components/ui/dashboard/WithdrawFeeBreakdown.vue'
 import { getAuthUrl, removeAuthProvider, useAuth } from '@/composables/auth.js'
 import { useWithdrawContext } from '@/providers/creator-withdraw.ts'
-import IntlFormatted from '~/components/ui/IntlFormatted.vue'
-import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const { withdrawData, maxWithdrawAmount, availableMethods, calculateFees, saveStateToStorage } =
 	useWithdrawContext()
diff --git a/apps/frontend/src/components/ui/dashboard/withdraw-stages/MethodSelectionStage.vue b/apps/frontend/src/components/ui/dashboard/withdraw-stages/MethodSelectionStage.vue
index 3d8ebe1c8e..15bec7f69f 100644
--- a/apps/frontend/src/components/ui/dashboard/withdraw-stages/MethodSelectionStage.vue
+++ b/apps/frontend/src/components/ui/dashboard/withdraw-stages/MethodSelectionStage.vue
@@ -83,17 +83,18 @@ import {
 	Admonition,
 	ButtonStyled,
 	Combobox,
+	defineMessages,
 	injectNotificationManager,
+	IntlFormatted,
 	normalizeChildren,
 	useDebugLogger,
+	useVIntl,
 } from '@modrinth/ui'
 import { formatMoney } from '@modrinth/utils'
 import { useGeolocation } from '@vueuse/core'
 
 import { useCountries, useFormattedCountries, useUserCountry } from '@/composables/country.ts'
 import { type PayoutMethod, useWithdrawContext } from '@/providers/creator-withdraw.ts'
-import IntlFormatted from '~/components/ui/IntlFormatted.vue'
-import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const debug = useDebugLogger('MethodSelectionStage')
 const {
diff --git a/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayDetailsStage.vue b/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayDetailsStage.vue
index 239d21adf6..13eee0c0cb 100644
--- a/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayDetailsStage.vue
+++ b/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayDetailsStage.vue
@@ -204,6 +204,7 @@ import {
 	Admonition,
 	Checkbox,
 	Combobox,
+	defineMessages,
 	financialMessages,
 	formFieldLabels,
 	formFieldPlaceholders,
@@ -211,7 +212,9 @@ import {
 	getBlockchainIcon,
 	getCurrencyColor,
 	getCurrencyIcon,
+	IntlFormatted,
 	normalizeChildren,
+	useVIntl,
 } from '@modrinth/ui'
 import { useDebounceFn } from '@vueuse/core'
 import { computed, ref, watch } from 'vue'
@@ -221,8 +224,6 @@ import WithdrawFeeBreakdown from '@/components/ui/dashboard/WithdrawFeeBreakdown
 import { useGeneratedState } from '@/composables/generated'
 import { useWithdrawContext } from '@/providers/creator-withdraw.ts'
 import { getRailConfig } from '@/utils/muralpay-rails'
-import IntlFormatted from '~/components/ui/IntlFormatted.vue'
-import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const { withdrawData, maxWithdrawAmount, availableMethods, calculateFees } = useWithdrawContext()
 const { formatMessage } = useVIntl()
diff --git a/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayKycStage.vue b/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayKycStage.vue
index e89160f1b5..32d74f9e4f 100644
--- a/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayKycStage.vue
+++ b/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayKycStage.vue
@@ -218,13 +218,12 @@
 </template>
 
 <script setup lang="ts">
-import { Chips, Combobox, formFieldLabels, formFieldPlaceholders } from '@modrinth/ui'
+import { Chips, Combobox, formFieldLabels, formFieldPlaceholders, useVIntl } from '@modrinth/ui'
 // TODO: Switch to using Muralpay's improved endpoint when it's available.
 import iso3166 from 'iso-3166-2'
 
 import { useFormattedCountries } from '@/composables/country.ts'
 import { useWithdrawContext } from '@/providers/creator-withdraw.ts'
-import { useVIntl } from '~/utils/i18n-vintl'
 
 const { withdrawData } = useWithdrawContext()
 const { formatMessage } = useVIntl()
diff --git a/apps/frontend/src/components/ui/dashboard/withdraw-stages/TaxFormStage.vue b/apps/frontend/src/components/ui/dashboard/withdraw-stages/TaxFormStage.vue
index 31672376b7..9d229dc9d6 100644
--- a/apps/frontend/src/components/ui/dashboard/withdraw-stages/TaxFormStage.vue
+++ b/apps/frontend/src/components/ui/dashboard/withdraw-stages/TaxFormStage.vue
@@ -74,13 +74,18 @@
 
 <script setup lang="ts">
 import { FileTextIcon } from '@modrinth/assets'
-import { Admonition, ButtonStyled, normalizeChildren } from '@modrinth/ui'
+import {
+	Admonition,
+	ButtonStyled,
+	defineMessages,
+	IntlFormatted,
+	normalizeChildren,
+	useVIntl,
+} from '@modrinth/ui'
 import { formatMoney } from '@modrinth/utils'
 import { computed } from 'vue'
 
 import { TAX_THRESHOLD_ACTUAL } from '@/providers/creator-withdraw.ts'
-import IntlFormatted from '~/components/ui/IntlFormatted.vue'
-import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const props = defineProps<{
 	balance: any
diff --git a/apps/frontend/src/components/ui/dashboard/withdraw-stages/TremendousDetailsStage.vue b/apps/frontend/src/components/ui/dashboard/withdraw-stages/TremendousDetailsStage.vue
index 2b04c4bf34..bde375cdf4 100644
--- a/apps/frontend/src/components/ui/dashboard/withdraw-stages/TremendousDetailsStage.vue
+++ b/apps/frontend/src/components/ui/dashboard/withdraw-stages/TremendousDetailsStage.vue
@@ -356,12 +356,15 @@ import {
 	Checkbox,
 	Chips,
 	Combobox,
+	defineMessages,
 	financialMessages,
 	formFieldLabels,
 	formFieldPlaceholders,
+	IntlFormatted,
 	normalizeChildren,
 	paymentMethodMessages,
 	useDebugLogger,
+	useVIntl,
 } from '@modrinth/ui'
 import { formatMoney } from '@modrinth/utils'
 import { useDebounceFn } from '@vueuse/core'
@@ -372,8 +375,6 @@ import WithdrawFeeBreakdown from '@/components/ui/dashboard/WithdrawFeeBreakdown
 import { useAuth } from '@/composables/auth.js'
 import { useBaseFetch } from '@/composables/fetch.js'
 import { type PayoutMethod, useWithdrawContext } from '@/providers/creator-withdraw.ts'
-import IntlFormatted from '~/components/ui/IntlFormatted.vue'
-import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const debug = useDebugLogger('TremendousDetailsStage')
 const {
diff --git a/apps/frontend/src/components/ui/moderation/ModerationProjectNags.vue b/apps/frontend/src/components/ui/moderation/ModerationProjectNags.vue
index c87378b5d1..bd9e1dbfaf 100644
--- a/apps/frontend/src/components/ui/moderation/ModerationProjectNags.vue
+++ b/apps/frontend/src/components/ui/moderation/ModerationProjectNags.vue
@@ -89,13 +89,11 @@ import {
 } from '@modrinth/assets'
 import type { Nag, NagContext, NagStatus } from '@modrinth/moderation'
 import { nags } from '@modrinth/moderation'
-import { ButtonStyled } from '@modrinth/ui'
+import { ButtonStyled, defineMessages, type MessageDescriptor, useVIntl } from '@modrinth/ui'
 import type { Project, User, Version } from '@modrinth/utils'
 import type { Component } from 'vue'
 import { computed } from 'vue'
 
-import { defineMessages, type MessageDescriptor, useVIntl } from '~/utils/i18n-vintl'
-
 interface Tags {
 	rejectedStatuses: string[]
 }
diff --git a/apps/frontend/src/components/ui/news/LatestNewsRow.vue b/apps/frontend/src/components/ui/news/LatestNewsRow.vue
index 37bc3286cc..50bc98faf8 100644
--- a/apps/frontend/src/components/ui/news/LatestNewsRow.vue
+++ b/apps/frontend/src/components/ui/news/LatestNewsRow.vue
@@ -29,11 +29,9 @@
 <script setup lang="ts">
 import { NewspaperIcon } from '@modrinth/assets'
 import { articles as rawArticles } from '@modrinth/blog'
-import { ButtonStyled, NewsArticleCard } from '@modrinth/ui'
+import { ButtonStyled, defineMessages, NewsArticleCard, useVIntl } from '@modrinth/ui'
 import { computed, ref } from 'vue'
 
-import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
-
 const { formatMessage } = useVIntl()
 
 const articles = ref(
diff --git a/apps/frontend/src/components/ui/servers/marketing/ServerPlanSelector.vue b/apps/frontend/src/components/ui/servers/marketing/ServerPlanSelector.vue
index 11de4daac7..206c49c822 100644
--- a/apps/frontend/src/components/ui/servers/marketing/ServerPlanSelector.vue
+++ b/apps/frontend/src/components/ui/servers/marketing/ServerPlanSelector.vue
@@ -1,9 +1,8 @@
 <script setup lang="ts">
+import type { MessageDescriptor } from '@modrinth/ui'
 import { ButtonStyled, ServersSpecs } from '@modrinth/ui'
 import { formatPrice } from '@modrinth/utils'
 
-import type { MessageDescriptor } from '~/utils/i18n-vintl'
-
 const { formatMessage, locale } = useVIntl()
 
 const emit = defineEmits<{
diff --git a/apps/frontend/src/components/ui/servers/notice/NoticeDashboardItem.vue b/apps/frontend/src/components/ui/servers/notice/NoticeDashboardItem.vue
index 2913940552..7980dd7765 100644
--- a/apps/frontend/src/components/ui/servers/notice/NoticeDashboardItem.vue
+++ b/apps/frontend/src/components/ui/servers/notice/NoticeDashboardItem.vue
@@ -7,12 +7,11 @@ import {
 	ServerNotice,
 	TagItem,
 	useRelativeTime,
+	useVIntl,
 } from '@modrinth/ui'
 import type { ServerNotice as ServerNoticeType } from '@modrinth/utils'
 import dayjs from 'dayjs'
 
-import { useVIntl } from '~/utils/i18n-vintl'
-
 const { formatMessage } = useVIntl()
 const formatRelativeTime = useRelativeTime()
 
diff --git a/apps/frontend/src/error.vue b/apps/frontend/src/error.vue
index 97fc0e250d..501ce56fbb 100644
--- a/apps/frontend/src/error.vue
+++ b/apps/frontend/src/error.vue
@@ -53,15 +53,16 @@
 <script setup>
 import { SadRinthbot } from '@modrinth/assets'
 import {
+	defineMessage,
+	IntlFormatted,
 	NotificationPanel,
 	provideModrinthClient,
 	provideNotificationManager,
 	providePageContext,
+	useVIntl,
 } from '@modrinth/ui'
 
 import Logo404 from '~/assets/images/404.svg'
-import IntlFormatted from '~/components/ui/IntlFormatted.vue'
-import { defineMessage, useVIntl } from '~/utils/i18n-vintl'
 
 import ModrinthLoadingIndicator from './components/ui/modrinth-loading-indicator.ts'
 import { createModrinthClient } from './helpers/api.ts'
diff --git a/apps/frontend/src/layouts/default.vue b/apps/frontend/src/layouts/default.vue
index fa7dd92ecf..2d0eaa0a46 100644
--- a/apps/frontend/src/layouts/default.vue
+++ b/apps/frontend/src/layouts/default.vue
@@ -964,6 +964,7 @@ import {
 	commonMessages,
 	commonProjectTypeCategoryMessages,
 	injectNotificationManager,
+	IntlFormatted,
 	OverflowMenu,
 	PagewideBanner,
 } from '@modrinth/ui'
@@ -975,7 +976,6 @@ import CollectionCreateModal from '~/components/ui/create/CollectionCreateModal.
 import OrganizationCreateModal from '~/components/ui/create/OrganizationCreateModal.vue'
 import ProjectCreateModal from '~/components/ui/create/ProjectCreateModal.vue'
 import CreatorTaxFormModal from '~/components/ui/dashboard/CreatorTaxFormModal.vue'
-import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 import TeleportOverflowMenu from '~/components/ui/servers/TeleportOverflowMenu.vue'
 import { errors as generatedStateErrors } from '~/generated/state.json'
 import { getProjectTypeMessage } from '~/utils/i18n-project-type.ts'
diff --git a/apps/frontend/src/pages/[type]/[id].vue b/apps/frontend/src/pages/[type]/[id].vue
index 7c0b0aee17..9c290c2c29 100644
--- a/apps/frontend/src/pages/[type]/[id].vue
+++ b/apps/frontend/src/pages/[type]/[id].vue
@@ -971,6 +971,7 @@ import {
 	Checkbox,
 	commonMessages,
 	injectNotificationManager,
+	IntlFormatted,
 	NewModal,
 	OverflowMenu,
 	PopoutMenu,
@@ -997,7 +998,6 @@ import Accordion from '~/components/ui/Accordion.vue'
 import AdPlaceholder from '~/components/ui/AdPlaceholder.vue'
 import AutomaticAccordion from '~/components/ui/AutomaticAccordion.vue'
 import CollectionCreateModal from '~/components/ui/create/CollectionCreateModal.vue'
-import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 import MessageBanner from '~/components/ui/MessageBanner.vue'
 import ModerationChecklist from '~/components/ui/moderation/checklist/ModerationChecklist.vue'
 import NavTabs from '~/components/ui/NavTabs.vue'
diff --git a/apps/frontend/src/pages/[type]/[id]/settings.vue b/apps/frontend/src/pages/[type]/[id]/settings.vue
index 2c56dbbc72..9e0fb1f488 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings.vue
@@ -14,6 +14,7 @@ import {
 	commonMessages,
 	commonProjectSettingsMessages,
 	injectNotificationManager,
+	useVIntl,
 } from '@modrinth/ui'
 import type { Project, ProjectV3Partial } from '@modrinth/utils'
 import { useLocalStorage, useScroll } from '@vueuse/core'
@@ -21,7 +22,6 @@ import { computed } from 'vue'
 
 import ModerationProjectNags from '~/components/ui/moderation/ModerationProjectNags.vue'
 import NavStack from '~/components/ui/NavStack.vue'
-import { useVIntl } from '~/utils/i18n-vintl'
 
 const { formatMessage } = useVIntl()
 
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/environment.vue b/apps/frontend/src/pages/[type]/[id]/settings/environment.vue
index b81c8c654e..ad116ab01e 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/environment.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/environment.vue
@@ -3,16 +3,16 @@ import { CheckIcon } from '@modrinth/assets'
 import {
 	Admonition,
 	commonProjectSettingsMessages,
+	defineMessages,
 	injectModrinthClient,
 	injectNotificationManager,
 	injectProjectPageContext,
 	ProjectSettingsEnvSelector,
 	UnsavedChangesPopup,
 	useSavable,
+	useVIntl,
 } from '@modrinth/ui'
 
-import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
-
 const { formatMessage } = useVIntl()
 
 const { currentMember, projectV2, projectV3, refreshProject } = injectProjectPageContext()
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/general.vue b/apps/frontend/src/pages/[type]/[id]/settings/general.vue
index e6193549ce..70d9cecb1b 100644
--- a/apps/frontend/src/pages/[type]/[id]/settings/general.vue
+++ b/apps/frontend/src/pages/[type]/[id]/settings/general.vue
@@ -1,16 +1,17 @@
 <script setup lang="ts">
 import {
+	defineMessages,
 	IconSelect,
 	injectModrinthClient,
 	injectNotificationManager,
 	injectProjectPageContext,
+	type MessageDescriptor,
 	SettingsLabel,
 	UnsavedChangesPopup,
 	useSavable,
+	useVIntl,
 } from '@modrinth/ui'
 
-import { defineMessages, type MessageDescriptor, useVIntl } from '~/utils/i18n-vintl'
-
 const { formatMessage } = useVIntl()
 
 const { projectV2: project, refreshProject } = injectProjectPageContext()
diff --git a/apps/frontend/src/pages/admin/servers/notices.vue b/apps/frontend/src/pages/admin/servers/notices.vue
index 8d847980a7..43b92a786e 100644
--- a/apps/frontend/src/pages/admin/servers/notices.vue
+++ b/apps/frontend/src/pages/admin/servers/notices.vue
@@ -273,6 +273,7 @@ import {
 	TagItem,
 	Toggle,
 	useRelativeTime,
+	useVIntl,
 } from '@modrinth/ui'
 import { NOTICE_LEVELS } from '@modrinth/ui/src/utils/notices.ts'
 import type { ServerNotice as ServerNoticeType } from '@modrinth/utils'
@@ -281,7 +282,6 @@ import { computed } from 'vue'
 
 import AssignNoticeModal from '~/components/ui/servers/notice/AssignNoticeModal.vue'
 import { useServersFetch } from '~/composables/servers/servers-fetch.ts'
-import { useVIntl } from '~/utils/i18n-vintl'
 
 const { addNotification } = injectNotificationManager()
 const { formatMessage } = useVIntl()
diff --git a/apps/frontend/src/pages/app.vue b/apps/frontend/src/pages/app.vue
index 13cb1d0ef6..6b6bfe805e 100644
--- a/apps/frontend/src/pages/app.vue
+++ b/apps/frontend/src/pages/app.vue
@@ -8,16 +8,22 @@ import {
 	SendIcon,
 	TrashIcon,
 } from '@modrinth/assets'
-import { Avatar, Badge, Checkbox, commonMessages } from '@modrinth/ui'
+import {
+	Avatar,
+	Badge,
+	Checkbox,
+	commonMessages,
+	defineMessages,
+	IntlFormatted,
+	useVIntl,
+} from '@modrinth/ui'
 
 import ATLauncher from '~/assets/images/external/atlauncher.svg?component'
 import CurseForge from '~/assets/images/external/curseforge.svg?component'
 import PrismIcon from '~/assets/images/external/prism.svg?component'
 import LogoAnimated from '~/components/brand/LogoAnimated.vue'
-import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 import LatestNewsRow from '~/components/ui/news/LatestNewsRow.vue'
 import { homePageProjects } from '~/generated/state.json'
-import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 interface LauncherPlatform {
 	install_urls: string[]
diff --git a/apps/frontend/src/pages/auth/authorize.vue b/apps/frontend/src/pages/auth/authorize.vue
index f165f57adf..dd9629798b 100644
--- a/apps/frontend/src/pages/auth/authorize.vue
+++ b/apps/frontend/src/pages/auth/authorize.vue
@@ -86,13 +86,13 @@ import {
 	Button,
 	commonMessages,
 	injectNotificationManager,
+	IntlFormatted,
 	normalizeChildren,
 } from '@modrinth/ui'
 
 import { useAuth } from '@/composables/auth.js'
 import { useScopes } from '@/composables/auth/scopes.ts'
 import { useBaseFetch } from '@/composables/fetch.js'
-import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 
 const { addNotification } = injectNotificationManager()
 const { formatMessage } = useVIntl()
diff --git a/apps/frontend/src/pages/auth/sign-in.vue b/apps/frontend/src/pages/auth/sign-in.vue
index d66f71c86c..b81b06af38 100644
--- a/apps/frontend/src/pages/auth/sign-in.vue
+++ b/apps/frontend/src/pages/auth/sign-in.vue
@@ -140,11 +140,10 @@ import {
 	RightArrowIcon,
 	SteamColorIcon,
 } from '@modrinth/assets'
-import { commonMessages, injectNotificationManager } from '@modrinth/ui'
+import { commonMessages, injectNotificationManager, IntlFormatted } from '@modrinth/ui'
 
 import HCaptcha from '@/components/ui/HCaptcha.vue'
 import { getAuthUrl, getLauncherRedirectUrl } from '@/composables/auth.js'
-import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 
 const { addNotification } = injectNotificationManager()
 const { formatMessage } = useVIntl()
diff --git a/apps/frontend/src/pages/auth/sign-up.vue b/apps/frontend/src/pages/auth/sign-up.vue
index 19ba7b24ad..549c8d5bbd 100644
--- a/apps/frontend/src/pages/auth/sign-up.vue
+++ b/apps/frontend/src/pages/auth/sign-up.vue
@@ -145,11 +145,10 @@ import {
 	SteamColorIcon,
 	UserIcon,
 } from '@modrinth/assets'
-import { Checkbox, commonMessages, injectNotificationManager } from '@modrinth/ui'
+import { Checkbox, commonMessages, injectNotificationManager, IntlFormatted } from '@modrinth/ui'
 
 import HCaptcha from '@/components/ui/HCaptcha.vue'
 import { getAuthUrl } from '@/composables/auth.js'
-import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 
 const { addNotification } = injectNotificationManager()
 const { formatMessage } = useVIntl()
diff --git a/apps/frontend/src/pages/auth/welcome.vue b/apps/frontend/src/pages/auth/welcome.vue
index b4617ca8c0..142afcb40b 100644
--- a/apps/frontend/src/pages/auth/welcome.vue
+++ b/apps/frontend/src/pages/auth/welcome.vue
@@ -49,9 +49,7 @@
 
 <script setup>
 import { RightArrowIcon, WavingRinthbot } from '@modrinth/assets'
-import { Checkbox, commonMessages, normalizeChildren } from '@modrinth/ui'
-
-import IntlFormatted from '~/components/ui/IntlFormatted.vue'
+import { Checkbox, commonMessages, IntlFormatted, normalizeChildren } from '@modrinth/ui'
 
 const route = useRoute()
 
diff --git a/apps/frontend/src/pages/collection/[id].vue b/apps/frontend/src/pages/collection/[id].vue
index 53c85b3981..6e25e3a78b 100644
--- a/apps/frontend/src/pages/collection/[id].vue
+++ b/apps/frontend/src/pages/collection/[id].vue
@@ -381,10 +381,12 @@ import {
 	commonProjectTypeCategoryMessages,
 	commonProjectTypeSentenceMessages,
 	ConfirmModal,
+	defineMessages,
 	FileInput,
 	HorizontalRule,
 	injectModrinthClient,
 	injectNotificationManager,
+	IntlFormatted,
 	NewModal,
 	normalizeChildren,
 	NormalPage,
@@ -393,15 +395,14 @@ import {
 	SidebarCard,
 	useRelativeTime,
 	useSavable,
+	useVIntl,
 } from '@modrinth/ui'
 import { isAdmin } from '@modrinth/utils'
 import dayjs from 'dayjs'
 
 import AdPlaceholder from '~/components/ui/AdPlaceholder.vue'
-import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 import NavTabs from '~/components/ui/NavTabs.vue'
 import ProjectCard from '~/components/ui/ProjectCard.vue'
-import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const { handleError } = injectNotificationManager()
 const api = injectModrinthClient()
diff --git a/apps/frontend/src/pages/dashboard/affiliate-links.vue b/apps/frontend/src/pages/dashboard/affiliate-links.vue
index 468220d059..aadbd6ee1c 100644
--- a/apps/frontend/src/pages/dashboard/affiliate-links.vue
+++ b/apps/frontend/src/pages/dashboard/affiliate-links.vue
@@ -72,11 +72,10 @@ import {
 	ButtonStyled,
 	ConfirmModal,
 	injectNotificationManager,
+	useVIntl,
 } from '@modrinth/ui'
 import type { AffiliateLink } from '@modrinth/utils'
 
-import { useVIntl } from '~/utils/i18n-vintl'
-
 const createModal = useTemplateRef<typeof AffiliateLinkCreateModal>('createModal')
 const revokeModal = useTemplateRef<typeof ConfirmModal>('revokeModal')
 
diff --git a/apps/frontend/src/pages/dashboard/revenue/index.vue b/apps/frontend/src/pages/dashboard/revenue/index.vue
index 627ecd8d24..64c2923825 100644
--- a/apps/frontend/src/pages/dashboard/revenue/index.vue
+++ b/apps/frontend/src/pages/dashboard/revenue/index.vue
@@ -260,6 +260,7 @@
 
 <script setup lang="ts">
 import { ArrowUpRightIcon, InProgressIcon, UnknownIcon } from '@modrinth/assets'
+import { defineMessages, useVIntl } from '@modrinth/ui'
 import { formatMoney } from '@modrinth/utils'
 import dayjs from 'dayjs'
 import { Tooltip } from 'floating-vue'
@@ -268,7 +269,6 @@ import { useUserCountry } from '@/composables/country.ts'
 import type { PayoutMethod } from '@/providers/creator-withdraw.ts'
 import CreatorWithdrawModal from '~/components/ui/dashboard/CreatorWithdrawModal.vue'
 import RevenueTransaction from '~/components/ui/dashboard/RevenueTransaction.vue'
-import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const { formatMessage } = useVIntl()
 
diff --git a/apps/frontend/src/pages/dashboard/revenue/transfers.vue b/apps/frontend/src/pages/dashboard/revenue/transfers.vue
index a9c080d50d..ef39a51bb5 100644
--- a/apps/frontend/src/pages/dashboard/revenue/transfers.vue
+++ b/apps/frontend/src/pages/dashboard/revenue/transfers.vue
@@ -90,12 +90,11 @@ import {
 	GenericListIcon,
 	SpinnerIcon,
 } from '@modrinth/assets'
-import { ButtonStyled, Combobox } from '@modrinth/ui'
+import { ButtonStyled, Combobox, defineMessages, useVIntl } from '@modrinth/ui'
 import { formatMoney } from '@modrinth/utils'
 import dayjs from 'dayjs'
 
 import RevenueTransaction from '~/components/ui/dashboard/RevenueTransaction.vue'
-import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const { formatMessage } = useVIntl()
 
diff --git a/apps/frontend/src/pages/discover.vue b/apps/frontend/src/pages/discover.vue
index b42d960576..f5caf556d3 100644
--- a/apps/frontend/src/pages/discover.vue
+++ b/apps/frontend/src/pages/discover.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { commonProjectTypeCategoryMessages } from '@modrinth/ui'
+import { commonProjectTypeCategoryMessages, useVIntl } from '@modrinth/ui'
 
 import NavTabs from '~/components/ui/NavTabs.vue'
-import { useVIntl } from '~/utils/i18n-vintl'
+
 const { formatMessage } = useVIntl()
 
 const flags = useFeatureFlags()
diff --git a/apps/frontend/src/pages/hosting/index.vue b/apps/frontend/src/pages/hosting/index.vue
index 52c67167b0..ca24fafbd3 100644
--- a/apps/frontend/src/pages/hosting/index.vue
+++ b/apps/frontend/src/pages/hosting/index.vue
@@ -651,6 +651,7 @@ import {
 	commonMessages,
 	injectNotificationManager,
 	ModrinthServersPurchaseModal,
+	useVIntl,
 } from '@modrinth/ui'
 import { monthsInInterval } from '@modrinth/ui/src/utils/billing.ts'
 import { formatPrice } from '@modrinth/utils'
@@ -663,7 +664,6 @@ import MedalPlanPromotion from '~/components/ui/servers/marketing/MedalPlanPromo
 import ServerPlanSelector from '~/components/ui/servers/marketing/ServerPlanSelector.vue'
 import { useServersFetch } from '~/composables/servers/servers-fetch.ts'
 import { products } from '~/generated/state.json'
-import { useVIntl } from '~/utils/i18n-vintl'
 
 const route = useRoute()
 const router = useRouter()
diff --git a/apps/frontend/src/pages/hosting/manage/[id].vue b/apps/frontend/src/pages/hosting/manage/[id].vue
index 8dff157a95..6680083572 100644
--- a/apps/frontend/src/pages/hosting/manage/[id].vue
+++ b/apps/frontend/src/pages/hosting/manage/[id].vue
@@ -385,6 +385,7 @@ import {
 	SettingsIcon,
 	TransferIcon,
 } from '@modrinth/assets'
+import type { MessageDescriptor } from '@modrinth/ui'
 import {
 	ButtonStyled,
 	ErrorInformationCard,
@@ -412,7 +413,6 @@ import type { ModrinthServer } from '~/composables/servers/modrinth-servers.ts'
 import { useModrinthServers } from '~/composables/servers/modrinth-servers.ts'
 import { useServersFetch } from '~/composables/servers/servers-fetch.ts'
 import { useModrinthServersConsole } from '~/store/console.ts'
-import type { MessageDescriptor } from '~/utils/i18n-vintl'
 
 const { addNotification } = injectNotificationManager()
 const client = injectModrinthClient()
diff --git a/apps/frontend/src/pages/index.vue b/apps/frontend/src/pages/index.vue
index db8d0f2454..dea4c6695c 100644
--- a/apps/frontend/src/pages/index.vue
+++ b/apps/frontend/src/pages/index.vue
@@ -439,17 +439,23 @@ import {
 	ModrinthIcon,
 	SearchIcon,
 } from '@modrinth/assets'
-import { Avatar, ButtonStyled, commonMessages, useRelativeTime } from '@modrinth/ui'
+import {
+	Avatar,
+	ButtonStyled,
+	commonMessages,
+	defineMessages,
+	IntlFormatted,
+	useRelativeTime,
+	useVIntl,
+} from '@modrinth/ui'
 import { ref } from 'vue'
 import { Multiselect } from 'vue-multiselect'
 
 import ATLauncherLogo from '~/assets/images/external/atlauncher.svg?component'
 import PrismLauncherLogo from '~/assets/images/external/prism.svg?component'
-import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 import LatestNewsRow from '~/components/ui/news/LatestNewsRow.vue'
 import ProjectCard from '~/components/ui/ProjectCard.vue'
 import { homePageNotifs, homePageProjects, homePageSearch } from '~/generated/state.json'
-import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const formatRelativeTime = useRelativeTime()
 
diff --git a/apps/frontend/src/pages/moderation.vue b/apps/frontend/src/pages/moderation.vue
index d5c0bcd809..84c3fcd822 100644
--- a/apps/frontend/src/pages/moderation.vue
+++ b/apps/frontend/src/pages/moderation.vue
@@ -18,10 +18,9 @@
 
 <script setup lang="ts">
 import { FolderIcon, ReportIcon, ShieldCheckIcon } from '@modrinth/assets'
-import { Chips } from '@modrinth/ui'
+import { Chips, defineMessages, useVIntl } from '@modrinth/ui'
 
 import NavTabs from '@/components/ui/NavTabs.vue'
-import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 definePageMeta({
 	middleware: 'auth',
diff --git a/apps/frontend/src/pages/moderation/index.vue b/apps/frontend/src/pages/moderation/index.vue
index e09d8a18c5..9c84385340 100644
--- a/apps/frontend/src/pages/moderation/index.vue
+++ b/apps/frontend/src/pages/moderation/index.vue
@@ -105,14 +105,21 @@ import {
 	SortDescIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { Button, ButtonStyled, Combobox, type ComboboxOption, Pagination } from '@modrinth/ui'
+import {
+	Button,
+	ButtonStyled,
+	Combobox,
+	type ComboboxOption,
+	defineMessages,
+	Pagination,
+	useVIntl,
+} from '@modrinth/ui'
 import Fuse from 'fuse.js'
 import ConfettiExplosion from 'vue-confetti-explosion'
 
 import ModerationQueueCard from '~/components/ui/moderation/ModerationQueueCard.vue'
 import { enrichProjectBatch, type ModerationProject } from '~/helpers/moderation.ts'
 import { useModerationStore } from '~/store/moderation.ts'
-import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const { formatMessage } = useVIntl()
 const moderationStore = useModerationStore()
diff --git a/apps/frontend/src/pages/moderation/reports/index.vue b/apps/frontend/src/pages/moderation/reports/index.vue
index 47eb63d7e5..b04e9180da 100644
--- a/apps/frontend/src/pages/moderation/reports/index.vue
+++ b/apps/frontend/src/pages/moderation/reports/index.vue
@@ -78,13 +78,19 @@
 <script setup lang="ts">
 import { ListFilterIcon, SearchIcon, SortAscIcon, SortDescIcon, XIcon } from '@modrinth/assets'
 import type { ExtendedReport } from '@modrinth/moderation'
-import { Button, Combobox, type ComboboxOption, Pagination } from '@modrinth/ui'
+import {
+	Button,
+	Combobox,
+	type ComboboxOption,
+	defineMessages,
+	Pagination,
+	useVIntl,
+} from '@modrinth/ui'
 import type { Report } from '@modrinth/utils'
 import Fuse from 'fuse.js'
 
 import ReportCard from '~/components/ui/moderation/ModerationReportCard.vue'
 import { enrichReportBatch } from '~/helpers/moderation.ts'
-import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const { formatMessage } = useVIntl()
 const route = useRoute()
diff --git a/apps/frontend/src/pages/moderation/technical-review.vue b/apps/frontend/src/pages/moderation/technical-review.vue
index 434df0709a..8805653b9f 100644
--- a/apps/frontend/src/pages/moderation/technical-review.vue
+++ b/apps/frontend/src/pages/moderation/technical-review.vue
@@ -5,8 +5,10 @@ import {
 	Button,
 	Combobox,
 	type ComboboxOption,
+	defineMessages,
 	injectModrinthClient,
 	Pagination,
+	useVIntl,
 } from '@modrinth/ui'
 import { useInfiniteQuery, useQueryClient } from '@tanstack/vue-query'
 import Fuse from 'fuse.js'
@@ -15,7 +17,6 @@ import MaliciousSummaryModal, {
 	type UnsafeFile,
 } from '~/components/ui/moderation/MaliciousSummaryModal.vue'
 import ModerationTechRevCard from '~/components/ui/moderation/ModerationTechRevCard.vue'
-import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 const client = injectModrinthClient()
 const queryClient = useQueryClient()
diff --git a/apps/frontend/src/pages/report.vue b/apps/frontend/src/pages/report.vue
index 5b061f3d22..208a73f412 100644
--- a/apps/frontend/src/pages/report.vue
+++ b/apps/frontend/src/pages/report.vue
@@ -285,16 +285,18 @@ import {
 	AutoLink,
 	Avatar,
 	ButtonStyled,
+	defineMessages,
 	injectNotificationManager,
+	IntlFormatted,
 	MarkdownEditor,
+	type MessageDescriptor,
 	RadialHeader,
 	RadioButtons,
+	useVIntl,
 } from '@modrinth/ui'
 import type { Project, Report, User, Version } from '@modrinth/utils'
 
-import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 import { useImageUpload } from '~/composables/image-upload.ts'
-import { defineMessages, type MessageDescriptor, useVIntl } from '~/utils/i18n-vintl'
 
 const { addNotification } = injectNotificationManager()
 
diff --git a/apps/frontend/src/pages/settings/index.vue b/apps/frontend/src/pages/settings/index.vue
index 9106a7a310..ad93ccbec6 100644
--- a/apps/frontend/src/pages/settings/index.vue
+++ b/apps/frontend/src/pages/settings/index.vue
@@ -205,14 +205,20 @@
 
 <script setup lang="ts">
 import { CodeIcon, RadioButtonCheckedIcon, RadioButtonIcon } from '@modrinth/assets'
-import { Button, injectNotificationManager, normalizeChildren, ThemeSelector } from '@modrinth/ui'
+import {
+	Button,
+	defineMessages,
+	injectNotificationManager,
+	IntlFormatted,
+	normalizeChildren,
+	ThemeSelector,
+	useVIntl,
+} from '@modrinth/ui'
 import { formatProjectType } from '@modrinth/utils'
 
-import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 import MessageBanner from '~/components/ui/MessageBanner.vue'
 import type { DisplayLocation } from '~/plugins/cosmetics'
 import { isDarkTheme, type Theme } from '~/plugins/theme/index.ts'
-import { defineMessages, useVIntl } from '~/utils/i18n-vintl'
 
 useHead({
 	title: 'Display settings - Modrinth',
diff --git a/apps/frontend/src/pages/settings/language.vue b/apps/frontend/src/pages/settings/language.vue
index 07e6bde20f..ac15ee6623 100644
--- a/apps/frontend/src/pages/settings/language.vue
+++ b/apps/frontend/src/pages/settings/language.vue
@@ -1,9 +1,8 @@
 <script setup lang="ts">
 import { RadioButtonCheckedIcon, RadioButtonIcon } from '@modrinth/assets'
-import { Admonition, commonSettingsMessages } from '@modrinth/ui'
+import { Admonition, commonSettingsMessages, IntlFormatted } from '@modrinth/ui'
 import Fuse from 'fuse.js/dist/fuse.basic'
 
-import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 import { isModifierKeyDown } from '~/helpers/events.ts'
 
 const { formatMessage } = useVIntl()
diff --git a/apps/frontend/src/pages/settings/pats.vue b/apps/frontend/src/pages/settings/pats.vue
index 9224dac69a..bb36c8cecb 100644
--- a/apps/frontend/src/pages/settings/pats.vue
+++ b/apps/frontend/src/pages/settings/pats.vue
@@ -210,10 +210,10 @@ import {
 	ConfirmModal,
 	CopyCode,
 	injectNotificationManager,
+	IntlFormatted,
 	useRelativeTime,
 } from '@modrinth/ui'
 
-import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 import Modal from '~/components/ui/Modal.vue'
 import {
 	getScopeValue,
diff --git a/apps/frontend/src/pages/settings/profile.vue b/apps/frontend/src/pages/settings/profile.vue
index db407c3150..f0e8f53004 100644
--- a/apps/frontend/src/pages/settings/profile.vue
+++ b/apps/frontend/src/pages/settings/profile.vue
@@ -91,9 +91,14 @@
 
 <script setup>
 import { SaveIcon, TrashIcon, UndoIcon, UploadIcon, UserIcon, XIcon } from '@modrinth/assets'
-import { Avatar, Button, commonMessages, FileInput, injectNotificationManager } from '@modrinth/ui'
-
-import IntlFormatted from '~/components/ui/IntlFormatted.vue'
+import {
+	Avatar,
+	Button,
+	commonMessages,
+	FileInput,
+	injectNotificationManager,
+	IntlFormatted,
+} from '@modrinth/ui'
 
 const { addNotification } = injectNotificationManager()
 const { formatMessage } = useVIntl()
diff --git a/apps/frontend/src/pages/user/[id].vue b/apps/frontend/src/pages/user/[id].vue
index 7596242a2d..738cd701a4 100644
--- a/apps/frontend/src/pages/user/[id].vue
+++ b/apps/frontend/src/pages/user/[id].vue
@@ -483,6 +483,7 @@ import {
 	commonMessages,
 	ContentPageHeader,
 	injectNotificationManager,
+	IntlFormatted,
 	NewModal,
 	OverflowMenu,
 	TagItem,
@@ -501,7 +502,6 @@ import UpToDate from '~/assets/images/illustrations/up_to_date.svg?component'
 import AdPlaceholder from '~/components/ui/AdPlaceholder.vue'
 import CollectionCreateModal from '~/components/ui/create/CollectionCreateModal.vue'
 import ModalCreation from '~/components/ui/create/ProjectCreateModal.vue'
-import IntlFormatted from '~/components/ui/IntlFormatted.vue'
 import NavTabs from '~/components/ui/NavTabs.vue'
 import ProjectCard from '~/components/ui/ProjectCard.vue'
 import { reportUser } from '~/utils/report-helpers.ts'
diff --git a/apps/frontend/src/providers/creator-withdraw.ts b/apps/frontend/src/providers/creator-withdraw.ts
index 374b09cbee..a8d28eb808 100644
--- a/apps/frontend/src/providers/creator-withdraw.ts
+++ b/apps/frontend/src/providers/creator-withdraw.ts
@@ -6,11 +6,11 @@ import {
 	PayPalColorIcon,
 	VenmoColorIcon,
 } from '@modrinth/assets'
+import type { MessageDescriptor } from '@modrinth/ui'
 import { createContext, getCurrencyIcon, paymentMethodMessages, useDebugLogger } from '@modrinth/ui'
 import { type Component, computed, type ComputedRef, type Ref, ref } from 'vue'
 
 import { getRailConfig } from '@/utils/muralpay-rails'
-import type { MessageDescriptor } from '~/utils/i18n-vintl'
 
 // Tax form is required when withdrawn_ytd >= $600
 // Therefore, the maximum withdrawal without a tax form is $599.99
diff --git a/apps/frontend/src/utils/muralpay-rails.ts b/apps/frontend/src/utils/muralpay-rails.ts
index 93dfe3e85e..9245c412f3 100644
--- a/apps/frontend/src/utils/muralpay-rails.ts
+++ b/apps/frontend/src/utils/muralpay-rails.ts
@@ -1,4 +1,4 @@
-import { defineMessage, type MessageDescriptor } from '~/utils/i18n-vintl'
+import { defineMessage, type MessageDescriptor } from '@modrinth/ui'
 
 export type FieldType = 'text' | 'select' | 'email' | 'tel' | 'date'
 
diff --git a/scripts/fix-i18n-imports.ts b/scripts/fix-i18n-imports.ts
new file mode 100644
index 0000000000..ae9d3abb55
--- /dev/null
+++ b/scripts/fix-i18n-imports.ts
@@ -0,0 +1,120 @@
+import { readFileSync, writeFileSync } from 'node:fs'
+import { globSync } from 'glob'
+
+const APPS_DIR = new URL('../apps', import.meta.url).pathname
+
+// Patterns to match old imports
+const I18N_VINTL_PATTERN = /^import\s+(?:type\s+)?(\{[^}]+\})\s+from\s+['"](?:~|@)\/utils\/i18n-vintl['"]/gm
+const INTL_FORMATTED_PATTERN = /^import\s+(\w+)\s+from\s+['"](?:~|@)\/components\/ui\/IntlFormatted\.vue['"]/gm
+const MODRINTH_UI_PATTERN = /^(import\s+(?:type\s+)?)(\{[^}]+\})(\s+from\s+['"]@modrinth\/ui['"])/m
+
+interface ImportInfo {
+	names: string[]
+	isTypeOnly: boolean
+}
+
+function extractImportNames(braceContent: string): string[] {
+	// Remove braces and split by comma
+	const content = braceContent.replace(/^\{|\}$/g, '').trim()
+	return content
+		.split(',')
+		.map((s) => s.trim())
+		.filter((s) => s.length > 0)
+}
+
+function processFile(filePath: string): boolean {
+	let content = readFileSync(filePath, 'utf-8')
+	const originalContent = content
+	const newImports: ImportInfo = { names: [], isTypeOnly: false }
+
+	// Find and remove i18n-vintl imports
+	content = content.replace(I18N_VINTL_PATTERN, (match, braceContent) => {
+		const isTypeImport = match.includes('import type')
+		const names = extractImportNames(braceContent)
+		newImports.names.push(...names)
+		if (isTypeImport && newImports.names.length === names.length) {
+			newImports.isTypeOnly = true
+		} else if (!isTypeImport) {
+			newImports.isTypeOnly = false
+		}
+		return '' // Remove the line
+	})
+
+	// Find and remove IntlFormatted imports
+	content = content.replace(INTL_FORMATTED_PATTERN, (_match, name) => {
+		newImports.names.push(name)
+		newImports.isTypeOnly = false // Component import is never type-only
+		return '' // Remove the line
+	})
+
+	// If no imports were found, nothing to do
+	if (newImports.names.length === 0) {
+		return false
+	}
+
+	// Clean up empty lines left by removed imports
+	content = content.replace(/\n\n\n+/g, '\n\n')
+
+	// Check if there's already a @modrinth/ui import
+	const existingMatch = content.match(MODRINTH_UI_PATTERN)
+
+	if (existingMatch) {
+		// Merge into existing import
+		const [fullMatch, prefix, existingBraces, suffix] = existingMatch
+		const existingNames = extractImportNames(existingBraces)
+		const allNames = [...new Set([...existingNames, ...newImports.names])]
+		const newBraces = `{ ${allNames.join(', ')} }`
+		content = content.replace(fullMatch, `${prefix}${newBraces}${suffix}`)
+	} else {
+		// Add new import after the last import statement
+		const importKeyword = newImports.isTypeOnly ? 'import type' : 'import'
+		const newImportLine = `${importKeyword} { ${newImports.names.join(', ')} } from '@modrinth/ui'`
+
+		// Find the last import statement and insert after it
+		const lines = content.split('\n')
+		let lastImportIndex = -1
+		for (let i = 0; i < lines.length; i++) {
+			if (lines[i].startsWith('import ') || lines[i].startsWith('import\t')) {
+				lastImportIndex = i
+			}
+		}
+
+		if (lastImportIndex >= 0) {
+			lines.splice(lastImportIndex + 1, 0, newImportLine)
+			content = lines.join('\n')
+		} else {
+			// No imports found, add at the top (after script tag if .vue)
+			if (filePath.endsWith('.vue')) {
+				content = content.replace(/(<script[^>]*>)/, `$1\n${newImportLine}`)
+			} else {
+				content = newImportLine + '\n' + content
+			}
+		}
+	}
+
+	if (content !== originalContent) {
+		writeFileSync(filePath, content)
+		return true
+	}
+	return false
+}
+
+function main() {
+	const files = globSync(`${APPS_DIR}/**/*.{vue,ts}`, {
+		ignore: ['**/node_modules/**', '**/dist/**', '**/.nuxt/**'],
+	})
+
+	console.log(`Found ${files.length} files to process`)
+
+	let modified = 0
+	for (const file of files) {
+		if (processFile(file)) {
+			console.log(`  Modified: ${file.replace(APPS_DIR, 'apps')}`)
+			modified++
+		}
+	}
+
+	console.log(`\nDone! Modified ${modified} files.`)
+}
+
+main()

From 80ab7644d94f8f3609386db005fbd11c26de55f8 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Fri, 26 Dec 2025 18:41:17 +0000
Subject: [PATCH 04/10] fix: intl formatted component

---
 .../ui/src/components/base/IntlFormatted.vue   | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/packages/ui/src/components/base/IntlFormatted.vue b/packages/ui/src/components/base/IntlFormatted.vue
index d1f33e4d96..7eadc7f716 100644
--- a/packages/ui/src/components/base/IntlFormatted.vue
+++ b/packages/ui/src/components/base/IntlFormatted.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
 import IntlMessageFormat, { type FormatXMLElementFn, type PrimitiveType } from 'intl-messageformat'
 import { computed, useSlots, type VNode } from 'vue'
+import { useI18n } from 'vue-i18n'
 
-import { type MessageDescriptor, useI18nContext } from '../../utils/i18n'
+import type { MessageDescriptor } from '../../utils/i18n'
 
 const props = defineProps<{
 	messageId: MessageDescriptor
@@ -10,22 +11,17 @@ const props = defineProps<{
 }>()
 
 const slots = useSlots()
-const { t, locale, messages } = useI18nContext()
+const { t, locale } = useI18n()
 
 const formattedParts = computed(() => {
 	const key = props.messageId.id
-	const translatedMessage = messages.value[key]
+	const translation = t(key, {}) as string
 
 	let msg: string
-	if (translatedMessage && translatedMessage !== key) {
-		msg = translatedMessage
+	if (translation && translation !== key) {
+		msg = translation
 	} else {
-		const translation = t(key, {})
-		if (translation && translation !== key) {
-			msg = translation
-		} else {
-			msg = props.messageId.defaultMessage ?? key
-		}
+		msg = props.messageId.defaultMessage ?? key
 	}
 
 	const slotHandlers: Record<string, FormatXMLElementFn<VNode>> = {}

From 523e1bde93fa5dcb66841671bb1e96436593f7f7 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Fri, 26 Dec 2025 18:42:53 +0000
Subject: [PATCH 05/10] fix: use relative imports

---
 .../affiliate/AffiliateLinkCard.vue           |   2 +-
 .../affiliate/AffiliateLinkCreateModal.vue    |   2 +-
 packages/ui/src/components/base/Badge.vue     |   3 +-
 packages/ui/src/components/base/CopyCode.vue  |   3 +-
 .../components/base/EnvironmentIndicator.vue  |   3 +-
 packages/ui/src/components/base/FilterBar.vue |   3 +-
 .../ui/src/components/base/IconSelect.vue     |   2 +-
 .../ui/src/components/base/MarkdownEditor.vue |   2 +-
 .../ui/src/components/base/ServerNotice.vue   |   2 +-
 .../ui/src/components/base/SettingsLabel.vue  |   5 +-
 .../components/base/UnsavedChangesPopup.vue   |   2 +-
 .../billing/AddPaymentMethodModal.vue         |   2 +-
 .../billing/ExpandableInvoiceTotal.vue        |   2 +-
 .../billing/FormattedPaymentMethod.vue        |   2 +-
 .../billing/ModalBasedServerPlan.vue          |   2 +-
 .../billing/ModrinthServersPurchaseModal.vue  |   2 +-
 .../src/components/billing/PurchaseModal.vue  |   2 +-
 .../billing/ServersPurchase0Plan.vue          |   2 +-
 .../billing/ServersPurchase1Region.vue        |   2 +-
 .../billing/ServersPurchase2PaymentMethod.vue |   2 +-
 .../billing/ServersPurchase3Review.vue        |   2 +-
 .../billing/ServersRegionButton.vue           |   2 +-
 .../components/changelog/ChangelogEntry.vue   |   2 +-
 .../ui/src/components/modal/TabbedModal.vue   |   3 +-
 .../project/ProjectPageVersions.vue           |   2 +-
 .../project/ProjectSidebarCompatibility.vue   |   7 +-
 .../project/ProjectSidebarCreators.vue        |   2 +-
 .../project/ProjectSidebarDetails.vue         |   2 +-
 .../project/ProjectSidebarLinks.vue           |   3 +-
 .../components/project/ProjectStatusBadge.vue |   2 +-
 .../ProjectSettingsEnvSelector.vue            |   2 +-
 .../components/search/SearchFilterControl.vue |   2 +-
 .../components/search/SearchSidebarFilter.vue |   2 +-
 .../components/servers/backups/BackupItem.vue |   2 +-
 .../src/components/settings/ThemeSelector.vue |   3 +-
 .../version/VersionChannelIndicator.vue       |   3 +-
 scripts/fix-i18n-imports.ts                   | 120 ------------------
 37 files changed, 46 insertions(+), 162 deletions(-)
 delete mode 100644 scripts/fix-i18n-imports.ts

diff --git a/packages/ui/src/components/affiliate/AffiliateLinkCard.vue b/packages/ui/src/components/affiliate/AffiliateLinkCard.vue
index 5342dea6f3..7920173b34 100644
--- a/packages/ui/src/components/affiliate/AffiliateLinkCard.vue
+++ b/packages/ui/src/components/affiliate/AffiliateLinkCard.vue
@@ -32,9 +32,9 @@
 
 <script setup lang="ts">
 import { AffiliateIcon, XCircleIcon } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import type { AffiliateLink } from '@modrinth/utils'
 
+import { defineMessages, useVIntl } from '../../utils/i18n'
 import { AutoBrandIcon, ButtonStyled, CopyCode } from '../index.ts'
 
 withDefaults(
diff --git a/packages/ui/src/components/affiliate/AffiliateLinkCreateModal.vue b/packages/ui/src/components/affiliate/AffiliateLinkCreateModal.vue
index 9ff4216796..fbff43dbdb 100644
--- a/packages/ui/src/components/affiliate/AffiliateLinkCreateModal.vue
+++ b/packages/ui/src/components/affiliate/AffiliateLinkCreateModal.vue
@@ -64,9 +64,9 @@
 <script lang="ts"></script>
 <script setup lang="ts">
 import { AffiliateIcon, PlusIcon, SpinnerIcon, UserIcon, XIcon } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { computed, ref, useTemplateRef } from 'vue'
 
+import { defineMessages, useVIntl } from '../../utils/i18n'
 import { AutoBrandIcon, Button, ButtonStyled, NewModal } from '../index.ts'
 export type CreateAffiliateProps = { sourceName: string; username?: string }
 
diff --git a/packages/ui/src/components/base/Badge.vue b/packages/ui/src/components/base/Badge.vue
index e2d280482a..3b860fff9d 100644
--- a/packages/ui/src/components/base/Badge.vue
+++ b/packages/ui/src/components/base/Badge.vue
@@ -99,9 +99,10 @@ import {
 	UpdatedIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { capitalizeString } from '@modrinth/utils'
 
+import { defineMessages, useVIntl } from '../../utils/i18n'
+
 const messages = defineMessages({
 	acceptedLabel: {
 		id: 'omorphia.component.badge.label.accepted',
diff --git a/packages/ui/src/components/base/CopyCode.vue b/packages/ui/src/components/base/CopyCode.vue
index 995aa293d3..bd8f09325e 100644
--- a/packages/ui/src/components/base/CopyCode.vue
+++ b/packages/ui/src/components/base/CopyCode.vue
@@ -8,9 +8,10 @@
 
 <script setup lang="ts">
 import { CheckIcon, ClipboardCopyIcon } from '@modrinth/assets'
-import { defineMessage, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { ref } from 'vue'
 
+import { defineMessage, useVIntl } from '../../utils/i18n'
+
 const copiedMessage = defineMessage({
 	id: 'omorphia.component.copy.action.copy',
 	defaultMessage: 'Copy code to clipboard',
diff --git a/packages/ui/src/components/base/EnvironmentIndicator.vue b/packages/ui/src/components/base/EnvironmentIndicator.vue
index c98d976aab..a85bfda5e2 100644
--- a/packages/ui/src/components/base/EnvironmentIndicator.vue
+++ b/packages/ui/src/components/base/EnvironmentIndicator.vue
@@ -49,7 +49,8 @@
 </template>
 <script setup lang="ts">
 import { ClientIcon, GlobeIcon, InfoIcon, ServerIcon } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
+
+import { defineMessages, useVIntl } from '../../utils/i18n'
 
 const messages = defineMessages({
 	clientLabel: {
diff --git a/packages/ui/src/components/base/FilterBar.vue b/packages/ui/src/components/base/FilterBar.vue
index 638d5ecb81..87ca3524dc 100644
--- a/packages/ui/src/components/base/FilterBar.vue
+++ b/packages/ui/src/components/base/FilterBar.vue
@@ -17,9 +17,10 @@
 
 <script setup lang="ts">
 import { FilterIcon } from '@modrinth/assets'
-import { type MessageDescriptor, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { watch } from 'vue'
 
+import { type MessageDescriptor, useVIntl } from '../../utils/i18n'
+
 const { formatMessage } = useVIntl()
 
 export type FilterBarOption = {
diff --git a/packages/ui/src/components/base/IconSelect.vue b/packages/ui/src/components/base/IconSelect.vue
index f32ed8f227..66718dd9ca 100644
--- a/packages/ui/src/components/base/IconSelect.vue
+++ b/packages/ui/src/components/base/IconSelect.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { EditIcon, TrashIcon, UploadIcon } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 
+import { defineMessages, useVIntl } from '../../utils/i18n'
 import { Avatar, OverflowMenu } from '../index'
 
 const { formatMessage } = useVIntl()
diff --git a/packages/ui/src/components/base/MarkdownEditor.vue b/packages/ui/src/components/base/MarkdownEditor.vue
index 5cd84290b5..90217e25c5 100644
--- a/packages/ui/src/components/base/MarkdownEditor.vue
+++ b/packages/ui/src/components/base/MarkdownEditor.vue
@@ -292,11 +292,11 @@ import {
 	XIcon,
 	YouTubeIcon,
 } from '@modrinth/assets'
-import NewModal from '@modrinth/ui/src/components/modal/NewModal.vue'
 import { markdownCommands, modrinthMarkdownEditorKeymap } from '@modrinth/utils/codemirror'
 import { renderHighlightedString } from '@modrinth/utils/highlightjs'
 import { type Component, computed, onBeforeUnmount, onMounted, ref, toRef, watch } from 'vue'
 
+import NewModal from '../modal/NewModal.vue'
 import Button from './Button.vue'
 import Chips from './Chips.vue'
 import FileInput from './FileInput.vue'
diff --git a/packages/ui/src/components/base/ServerNotice.vue b/packages/ui/src/components/base/ServerNotice.vue
index caf56567f6..fc7dc759e8 100644
--- a/packages/ui/src/components/base/ServerNotice.vue
+++ b/packages/ui/src/components/base/ServerNotice.vue
@@ -33,10 +33,10 @@
 
 <script setup lang="ts">
 import { XIcon } from '@modrinth/assets'
-import { defineMessages, type MessageDescriptor, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { renderString } from '@modrinth/utils'
 import { computed } from 'vue'
 
+import { defineMessages, type MessageDescriptor, useVIntl } from '../../utils/i18n'
 import Admonition from './Admonition.vue'
 import ButtonStyled from './ButtonStyled.vue'
 import CopyCode from './CopyCode.vue'
diff --git a/packages/ui/src/components/base/SettingsLabel.vue b/packages/ui/src/components/base/SettingsLabel.vue
index 2bf7ed17f9..587c40d804 100644
--- a/packages/ui/src/components/base/SettingsLabel.vue
+++ b/packages/ui/src/components/base/SettingsLabel.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
-import type { MessageDescriptor } from '@modrinth/ui/src/utils/i18n'
-import { useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { computed } from 'vue'
 
+import type { MessageDescriptor } from '../../utils/i18n'
+import { useVIntl } from '../../utils/i18n'
+
 const { formatMessage } = useVIntl()
 
 const props = withDefaults(
diff --git a/packages/ui/src/components/base/UnsavedChangesPopup.vue b/packages/ui/src/components/base/UnsavedChangesPopup.vue
index a5a88d38f7..6ee643e0d6 100644
--- a/packages/ui/src/components/base/UnsavedChangesPopup.vue
+++ b/packages/ui/src/components/base/UnsavedChangesPopup.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts" generic="T">
 import { HistoryIcon, SaveIcon, SpinnerIcon } from '@modrinth/assets'
-import { defineMessage, type MessageDescriptor, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { type Component, computed } from 'vue'
 
 import { commonMessages } from '../../utils'
+import { defineMessage, type MessageDescriptor, useVIntl } from '../../utils/i18n'
 import ButtonStyled from './ButtonStyled.vue'
 
 const { formatMessage } = useVIntl()
diff --git a/packages/ui/src/components/billing/AddPaymentMethodModal.vue b/packages/ui/src/components/billing/AddPaymentMethodModal.vue
index dd5e546f17..8a9fe0ad74 100644
--- a/packages/ui/src/components/billing/AddPaymentMethodModal.vue
+++ b/packages/ui/src/components/billing/AddPaymentMethodModal.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { PlusIcon, XIcon } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 
 import { commonMessages } from '../../utils'
+import { defineMessages, useVIntl } from '../../utils/i18n'
 import { ButtonStyled, NewModal } from '../index'
 import type { AddPaymentMethodProps } from './AddPaymentMethod.vue'
 import AddPaymentMethod from './AddPaymentMethod.vue'
diff --git a/packages/ui/src/components/billing/ExpandableInvoiceTotal.vue b/packages/ui/src/components/billing/ExpandableInvoiceTotal.vue
index ed721df896..dd94cfc252 100644
--- a/packages/ui/src/components/billing/ExpandableInvoiceTotal.vue
+++ b/packages/ui/src/components/billing/ExpandableInvoiceTotal.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { SpinnerIcon } from '@modrinth/assets'
-import { useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { formatPrice } from '@modrinth/utils'
 import { computed } from 'vue'
 
+import { useVIntl } from '../../utils/i18n'
 import Accordion from '../base/Accordion.vue'
 
 const { locale } = useVIntl()
diff --git a/packages/ui/src/components/billing/FormattedPaymentMethod.vue b/packages/ui/src/components/billing/FormattedPaymentMethod.vue
index 69b6ddd0d6..ec29c04ff0 100644
--- a/packages/ui/src/components/billing/FormattedPaymentMethod.vue
+++ b/packages/ui/src/components/billing/FormattedPaymentMethod.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { useVIntl } from '@modrinth/ui/src/utils/i18n'
 import type Stripe from 'stripe'
 
 import { commonMessages, getPaymentMethodIcon, paymentMethodMessages } from '../../utils'
+import { useVIntl } from '../../utils/i18n'
 
 const { formatMessage } = useVIntl()
 defineProps<{
diff --git a/packages/ui/src/components/billing/ModalBasedServerPlan.vue b/packages/ui/src/components/billing/ModalBasedServerPlan.vue
index f5f20e95ea..02a6731e1e 100644
--- a/packages/ui/src/components/billing/ModalBasedServerPlan.vue
+++ b/packages/ui/src/components/billing/ModalBasedServerPlan.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import type { Labrinth } from '@modrinth/api-client'
 import { InfoIcon } from '@modrinth/assets'
-import { type MessageDescriptor, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { formatPrice } from '@modrinth/utils'
 import { Menu } from 'floating-vue'
 import { computed, inject, type Ref } from 'vue'
 
+import { type MessageDescriptor, useVIntl } from '../../utils/i18n'
 import { getPriceForInterval, monthsInInterval } from '../../utils/product-utils'
 import type { ServerBillingInterval } from './ModrinthServersPurchaseModal.vue'
 import ServersSpecs from './ServersSpecs.vue'
diff --git a/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue b/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue
index 98059d87a7..66d8c0fdb7 100644
--- a/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue
+++ b/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue
@@ -8,12 +8,12 @@ import {
 	SpinnerIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { defineMessage, type MessageDescriptor, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import type Stripe from 'stripe'
 import { computed, nextTick, ref, useTemplateRef, watch } from 'vue'
 
 import { useStripe } from '../../composables/stripe'
 import { commonMessages } from '../../utils'
+import { defineMessage, type MessageDescriptor, useVIntl } from '../../utils/i18n'
 import { ButtonStyled } from '../index'
 import ModalLoadingIndicator from '../modal/ModalLoadingIndicator.vue'
 import NewModal from '../modal/NewModal.vue'
diff --git a/packages/ui/src/components/billing/PurchaseModal.vue b/packages/ui/src/components/billing/PurchaseModal.vue
index ba60ade01c..7f1f882dc0 100644
--- a/packages/ui/src/components/billing/PurchaseModal.vue
+++ b/packages/ui/src/components/billing/PurchaseModal.vue
@@ -541,12 +541,12 @@ import {
 	UnknownIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { calculateSavings, createStripeElements, formatPrice, getCurrency } from '@modrinth/utils'
 import dayjs from 'dayjs'
 import { computed, nextTick, reactive, ref, watch } from 'vue'
 import { Multiselect } from 'vue-multiselect'
 
+import { defineMessages, useVIntl } from '../../utils/i18n'
 import Admonition from '../base/Admonition.vue'
 import Checkbox from '../base/Checkbox.vue'
 import Slider from '../base/Slider.vue'
diff --git a/packages/ui/src/components/billing/ServersPurchase0Plan.vue b/packages/ui/src/components/billing/ServersPurchase0Plan.vue
index 62a2ef4ee3..ba5a2b4cab 100644
--- a/packages/ui/src/components/billing/ServersPurchase0Plan.vue
+++ b/packages/ui/src/components/billing/ServersPurchase0Plan.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { Labrinth } from '@modrinth/api-client'
-import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { formatPrice } from '@modrinth/utils'
 import { computed, provide } from 'vue'
 
+import { defineMessages, useVIntl } from '../../utils/i18n'
 import { getPriceForInterval, monthsInInterval } from '../../utils/product-utils'
 import OptionGroup from '../base/OptionGroup.vue'
 import ModalBasedServerPlan from './ModalBasedServerPlan.vue'
diff --git a/packages/ui/src/components/billing/ServersPurchase1Region.vue b/packages/ui/src/components/billing/ServersPurchase1Region.vue
index a47303e33a..d2feb88f5e 100644
--- a/packages/ui/src/components/billing/ServersPurchase1Region.vue
+++ b/packages/ui/src/components/billing/ServersPurchase1Region.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import type { Archon, Labrinth } from '@modrinth/api-client'
 import { InfoIcon, SpinnerIcon, XIcon } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { computed, onMounted, ref, watch } from 'vue'
 
 import { formatPrice } from '../../../../utils'
+import { defineMessages, useVIntl } from '../../utils/i18n'
 import { getPriceForInterval, monthsInInterval } from '../../utils/product-utils.ts'
 import { regionOverrides } from '../../utils/regions.ts'
 import IntlFormatted from '../base/IntlFormatted.vue'
diff --git a/packages/ui/src/components/billing/ServersPurchase2PaymentMethod.vue b/packages/ui/src/components/billing/ServersPurchase2PaymentMethod.vue
index 01480e29f8..a1785bf3da 100644
--- a/packages/ui/src/components/billing/ServersPurchase2PaymentMethod.vue
+++ b/packages/ui/src/components/billing/ServersPurchase2PaymentMethod.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import type Stripe from 'stripe'
 
+import { defineMessages, useVIntl } from '../../utils/i18n'
 import PaymentMethodOption from './PaymentMethodOption.vue'
 
 const { formatMessage } = useVIntl()
diff --git a/packages/ui/src/components/billing/ServersPurchase3Review.vue b/packages/ui/src/components/billing/ServersPurchase3Review.vue
index b7393d5de2..d5a0cdcc6c 100644
--- a/packages/ui/src/components/billing/ServersPurchase3Review.vue
+++ b/packages/ui/src/components/billing/ServersPurchase3Review.vue
@@ -10,12 +10,12 @@ import {
 	SpinnerIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { formatPrice, getPingLevel } from '@modrinth/utils'
 import dayjs from 'dayjs'
 import type Stripe from 'stripe'
 import { computed } from 'vue'
 
+import { useVIntl } from '../../utils/i18n'
 import { getPriceForInterval, monthsInInterval } from '../../utils/product-utils'
 import { regionOverrides } from '../../utils/regions'
 import ButtonStyled from '../base/ButtonStyled.vue'
diff --git a/packages/ui/src/components/billing/ServersRegionButton.vue b/packages/ui/src/components/billing/ServersRegionButton.vue
index 48dcaac01f..4fc2ec06ce 100644
--- a/packages/ui/src/components/billing/ServersRegionButton.vue
+++ b/packages/ui/src/components/billing/ServersRegionButton.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import type { Archon } from '@modrinth/api-client'
 import { SignalIcon, SpinnerIcon } from '@modrinth/assets'
-import { useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { getPingLevel } from '@modrinth/utils'
 import { computed } from 'vue'
 
+import { useVIntl } from '../../utils/i18n'
 import { regionOverrides } from '../../utils/regions'
 
 const { formatMessage } = useVIntl()
diff --git a/packages/ui/src/components/changelog/ChangelogEntry.vue b/packages/ui/src/components/changelog/ChangelogEntry.vue
index 8e13018534..eb01770ee0 100644
--- a/packages/ui/src/components/changelog/ChangelogEntry.vue
+++ b/packages/ui/src/components/changelog/ChangelogEntry.vue
@@ -42,13 +42,13 @@
 </template>
 
 <script setup lang="ts">
-import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { renderHighlightedString } from '@modrinth/utils'
 import type { VersionEntry } from '@modrinth/utils/changelog'
 import dayjs from 'dayjs'
 import { computed, ref } from 'vue'
 
 import { useRelativeTime } from '../../composables'
+import { defineMessages, useVIntl } from '../../utils/i18n'
 import AutoLink from '../base/AutoLink.vue'
 
 const { formatMessage } = useVIntl()
diff --git a/packages/ui/src/components/modal/TabbedModal.vue b/packages/ui/src/components/modal/TabbedModal.vue
index 11975f7d2c..9015d4c33f 100644
--- a/packages/ui/src/components/modal/TabbedModal.vue
+++ b/packages/ui/src/components/modal/TabbedModal.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
-import { type MessageDescriptor, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { type Component, ref } from 'vue'
 
+import { type MessageDescriptor, useVIntl } from '../../utils/i18n'
+
 const { formatMessage } = useVIntl()
 
 export type Tab<Props> = {
diff --git a/packages/ui/src/components/project/ProjectPageVersions.vue b/packages/ui/src/components/project/ProjectPageVersions.vue
index afbf6b9c89..75e4c98685 100644
--- a/packages/ui/src/components/project/ProjectPageVersions.vue
+++ b/packages/ui/src/components/project/ProjectPageVersions.vue
@@ -198,7 +198,6 @@
 import type { Labrinth } from '@modrinth/api-client'
 import { CalendarIcon, DownloadIcon, PlusIcon, StarIcon } from '@modrinth/assets'
 import { ButtonStyled } from '@modrinth/ui'
-import { useVIntl } from '@modrinth/ui/src/utils/i18n'
 import {
 	formatBytes,
 	formatCategory,
@@ -212,6 +211,7 @@ import { useRoute, useRouter } from 'vue-router'
 
 import { useRelativeTime } from '../../composables'
 import { commonMessages } from '../../utils/common-messages'
+import { useVIntl } from '../../utils/i18n'
 import AutoLink from '../base/AutoLink.vue'
 import TagItem from '../base/TagItem.vue'
 import { Pagination, VersionChannelIndicator, VersionFilterControl } from '../index'
diff --git a/packages/ui/src/components/project/ProjectSidebarCompatibility.vue b/packages/ui/src/components/project/ProjectSidebarCompatibility.vue
index 6e2418e1ec..a33e634376 100644
--- a/packages/ui/src/components/project/ProjectSidebarCompatibility.vue
+++ b/packages/ui/src/components/project/ProjectSidebarCompatibility.vue
@@ -85,17 +85,12 @@
 </template>
 <script setup lang="ts">
 import { ClientIcon, MonitorSmartphoneIcon, ServerIcon, UserIcon } from '@modrinth/assets'
-import {
-	defineMessage,
-	defineMessages,
-	type MessageDescriptor,
-	useVIntl,
-} from '@modrinth/ui/src/utils/i18n'
 import type { EnvironmentV3, GameVersionTag, PlatformTag, ProjectV3Partial } from '@modrinth/utils'
 import { formatCategory, getVersionsToDisplay } from '@modrinth/utils'
 import { type Component, computed } from 'vue'
 import { useRouter } from 'vue-router'
 
+import { defineMessage, defineMessages, type MessageDescriptor, useVIntl } from '../../utils/i18n'
 import TagItem from '../base/TagItem.vue'
 
 const { formatMessage } = useVIntl()
diff --git a/packages/ui/src/components/project/ProjectSidebarCreators.vue b/packages/ui/src/components/project/ProjectSidebarCreators.vue
index 266215d40b..d1d7875040 100644
--- a/packages/ui/src/components/project/ProjectSidebarCreators.vue
+++ b/packages/ui/src/components/project/ProjectSidebarCreators.vue
@@ -48,9 +48,9 @@
 </template>
 <script setup lang="ts">
 import { CrownIcon, ExternalIcon, OrganizationIcon } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { computed } from 'vue'
 
+import { defineMessages, useVIntl } from '../../utils/i18n'
 import AutoLink from '../base/AutoLink.vue'
 import Avatar from '../base/Avatar.vue'
 
diff --git a/packages/ui/src/components/project/ProjectSidebarDetails.vue b/packages/ui/src/components/project/ProjectSidebarDetails.vue
index 8d295b4f1e..a6586ec526 100644
--- a/packages/ui/src/components/project/ProjectSidebarDetails.vue
+++ b/packages/ui/src/components/project/ProjectSidebarDetails.vue
@@ -65,11 +65,11 @@
 </template>
 <script setup lang="ts">
 import { BookTextIcon, CalendarIcon, ExternalIcon, ScaleIcon, VersionIcon } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import dayjs from 'dayjs'
 import { computed } from 'vue'
 
 import { useRelativeTime } from '../../composables'
+import { defineMessages, useVIntl } from '../../utils/i18n'
 
 const { formatMessage } = useVIntl()
 const formatRelativeTime = useRelativeTime()
diff --git a/packages/ui/src/components/project/ProjectSidebarLinks.vue b/packages/ui/src/components/project/ProjectSidebarLinks.vue
index fe34de02d8..f4c0f18d9b 100644
--- a/packages/ui/src/components/project/ProjectSidebarLinks.vue
+++ b/packages/ui/src/components/project/ProjectSidebarLinks.vue
@@ -102,7 +102,8 @@ import {
 	PayPalIcon,
 	WikiIcon,
 } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
+
+import { defineMessages, useVIntl } from '../../utils/i18n'
 
 const { formatMessage } = useVIntl()
 
diff --git a/packages/ui/src/components/project/ProjectStatusBadge.vue b/packages/ui/src/components/project/ProjectStatusBadge.vue
index c9ace11716..97475fc17e 100644
--- a/packages/ui/src/components/project/ProjectStatusBadge.vue
+++ b/packages/ui/src/components/project/ProjectStatusBadge.vue
@@ -3,11 +3,11 @@
 </template>
 
 <script setup lang="ts">
-import { defineMessage, type MessageDescriptor, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import type { ProjectStatus } from '@modrinth/utils'
 import { computed } from 'vue'
 
 import { PROJECT_STATUS_ICONS } from '../../utils'
+import { defineMessage, type MessageDescriptor, useVIntl } from '../../utils/i18n'
 import Badge from '../base/SimpleBadge.vue'
 
 const props = defineProps<{
diff --git a/packages/ui/src/components/project/settings/environment/ProjectSettingsEnvSelector.vue b/packages/ui/src/components/project/settings/environment/ProjectSettingsEnvSelector.vue
index b64b138922..e0e9b92d8f 100644
--- a/packages/ui/src/components/project/settings/environment/ProjectSettingsEnvSelector.vue
+++ b/packages/ui/src/components/project/settings/environment/ProjectSettingsEnvSelector.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { Labrinth } from '@modrinth/api-client'
-import { defineMessage, type MessageDescriptor, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { computed, ref, watch } from 'vue'
 
 import { commonProjectSettingsMessages } from '../../../../utils'
+import { defineMessage, type MessageDescriptor, useVIntl } from '../../../../utils/i18n'
 import LargeRadioButton from '../../../base/LargeRadioButton.vue'
 
 const { formatMessage } = useVIntl()
diff --git a/packages/ui/src/components/search/SearchFilterControl.vue b/packages/ui/src/components/search/SearchFilterControl.vue
index fea73e4f5c..1e17f39e31 100644
--- a/packages/ui/src/components/search/SearchFilterControl.vue
+++ b/packages/ui/src/components/search/SearchFilterControl.vue
@@ -33,9 +33,9 @@
 
 <script setup lang="ts">
 import { BanIcon, LockIcon, XCircleIcon, XIcon } from '@modrinth/assets'
-import { defineMessage, type MessageDescriptor, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { computed, type ComputedRef } from 'vue'
 
+import { defineMessage, type MessageDescriptor, useVIntl } from '../../utils/i18n'
 import type { FilterOption, FilterType, FilterValue } from '../../utils/search'
 import TagItem from '../base/TagItem.vue'
 
diff --git a/packages/ui/src/components/search/SearchSidebarFilter.vue b/packages/ui/src/components/search/SearchSidebarFilter.vue
index 8e97e20b40..4608f9f8f1 100644
--- a/packages/ui/src/components/search/SearchSidebarFilter.vue
+++ b/packages/ui/src/components/search/SearchSidebarFilter.vue
@@ -157,9 +157,9 @@ import {
 	UpdatedIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import { computed, ref } from 'vue'
 
+import { defineMessages, useVIntl } from '../../utils/i18n'
 import type { FilterOption, FilterType, FilterValue } from '../../utils/search'
 import Accordion from '../base/Accordion.vue'
 import ButtonStyled from '../base/ButtonStyled.vue'
diff --git a/packages/ui/src/components/servers/backups/BackupItem.vue b/packages/ui/src/components/servers/backups/BackupItem.vue
index 0f84575bcf..0e305ad54c 100644
--- a/packages/ui/src/components/servers/backups/BackupItem.vue
+++ b/packages/ui/src/components/servers/backups/BackupItem.vue
@@ -13,11 +13,11 @@ import {
 	UserRoundIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import dayjs from 'dayjs'
 import { computed } from 'vue'
 
 import { commonMessages } from '../../../utils'
+import { defineMessages, useVIntl } from '../../../utils/i18n'
 import ButtonStyled from '../../base/ButtonStyled.vue'
 import OverflowMenu, { type Option as OverflowOption } from '../../base/OverflowMenu.vue'
 import ProgressBar from '../../base/ProgressBar.vue'
diff --git a/packages/ui/src/components/settings/ThemeSelector.vue b/packages/ui/src/components/settings/ThemeSelector.vue
index ab65bb0f90..b3f48b59b4 100644
--- a/packages/ui/src/components/settings/ThemeSelector.vue
+++ b/packages/ui/src/components/settings/ThemeSelector.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts" generic="T extends string">
 import { MoonIcon, RadioButtonCheckedIcon, RadioButtonIcon, SunIcon } from '@modrinth/assets'
-import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
+
+import { defineMessages, useVIntl } from '../../utils/i18n'
 
 const { formatMessage } = useVIntl()
 
diff --git a/packages/ui/src/components/version/VersionChannelIndicator.vue b/packages/ui/src/components/version/VersionChannelIndicator.vue
index 5c839a8dac..dd42a7c9f3 100644
--- a/packages/ui/src/components/version/VersionChannelIndicator.vue
+++ b/packages/ui/src/components/version/VersionChannelIndicator.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
-import { defineMessages, useVIntl } from '@modrinth/ui/src/utils/i18n'
 import type { VersionChannel } from '@modrinth/utils'
 
+import { defineMessages, useVIntl } from '../../utils/i18n'
+
 const { formatMessage } = useVIntl()
 
 withDefaults(
diff --git a/scripts/fix-i18n-imports.ts b/scripts/fix-i18n-imports.ts
deleted file mode 100644
index ae9d3abb55..0000000000
--- a/scripts/fix-i18n-imports.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-import { readFileSync, writeFileSync } from 'node:fs'
-import { globSync } from 'glob'
-
-const APPS_DIR = new URL('../apps', import.meta.url).pathname
-
-// Patterns to match old imports
-const I18N_VINTL_PATTERN = /^import\s+(?:type\s+)?(\{[^}]+\})\s+from\s+['"](?:~|@)\/utils\/i18n-vintl['"]/gm
-const INTL_FORMATTED_PATTERN = /^import\s+(\w+)\s+from\s+['"](?:~|@)\/components\/ui\/IntlFormatted\.vue['"]/gm
-const MODRINTH_UI_PATTERN = /^(import\s+(?:type\s+)?)(\{[^}]+\})(\s+from\s+['"]@modrinth\/ui['"])/m
-
-interface ImportInfo {
-	names: string[]
-	isTypeOnly: boolean
-}
-
-function extractImportNames(braceContent: string): string[] {
-	// Remove braces and split by comma
-	const content = braceContent.replace(/^\{|\}$/g, '').trim()
-	return content
-		.split(',')
-		.map((s) => s.trim())
-		.filter((s) => s.length > 0)
-}
-
-function processFile(filePath: string): boolean {
-	let content = readFileSync(filePath, 'utf-8')
-	const originalContent = content
-	const newImports: ImportInfo = { names: [], isTypeOnly: false }
-
-	// Find and remove i18n-vintl imports
-	content = content.replace(I18N_VINTL_PATTERN, (match, braceContent) => {
-		const isTypeImport = match.includes('import type')
-		const names = extractImportNames(braceContent)
-		newImports.names.push(...names)
-		if (isTypeImport && newImports.names.length === names.length) {
-			newImports.isTypeOnly = true
-		} else if (!isTypeImport) {
-			newImports.isTypeOnly = false
-		}
-		return '' // Remove the line
-	})
-
-	// Find and remove IntlFormatted imports
-	content = content.replace(INTL_FORMATTED_PATTERN, (_match, name) => {
-		newImports.names.push(name)
-		newImports.isTypeOnly = false // Component import is never type-only
-		return '' // Remove the line
-	})
-
-	// If no imports were found, nothing to do
-	if (newImports.names.length === 0) {
-		return false
-	}
-
-	// Clean up empty lines left by removed imports
-	content = content.replace(/\n\n\n+/g, '\n\n')
-
-	// Check if there's already a @modrinth/ui import
-	const existingMatch = content.match(MODRINTH_UI_PATTERN)
-
-	if (existingMatch) {
-		// Merge into existing import
-		const [fullMatch, prefix, existingBraces, suffix] = existingMatch
-		const existingNames = extractImportNames(existingBraces)
-		const allNames = [...new Set([...existingNames, ...newImports.names])]
-		const newBraces = `{ ${allNames.join(', ')} }`
-		content = content.replace(fullMatch, `${prefix}${newBraces}${suffix}`)
-	} else {
-		// Add new import after the last import statement
-		const importKeyword = newImports.isTypeOnly ? 'import type' : 'import'
-		const newImportLine = `${importKeyword} { ${newImports.names.join(', ')} } from '@modrinth/ui'`
-
-		// Find the last import statement and insert after it
-		const lines = content.split('\n')
-		let lastImportIndex = -1
-		for (let i = 0; i < lines.length; i++) {
-			if (lines[i].startsWith('import ') || lines[i].startsWith('import\t')) {
-				lastImportIndex = i
-			}
-		}
-
-		if (lastImportIndex >= 0) {
-			lines.splice(lastImportIndex + 1, 0, newImportLine)
-			content = lines.join('\n')
-		} else {
-			// No imports found, add at the top (after script tag if .vue)
-			if (filePath.endsWith('.vue')) {
-				content = content.replace(/(<script[^>]*>)/, `$1\n${newImportLine}`)
-			} else {
-				content = newImportLine + '\n' + content
-			}
-		}
-	}
-
-	if (content !== originalContent) {
-		writeFileSync(filePath, content)
-		return true
-	}
-	return false
-}
-
-function main() {
-	const files = globSync(`${APPS_DIR}/**/*.{vue,ts}`, {
-		ignore: ['**/node_modules/**', '**/dist/**', '**/.nuxt/**'],
-	})
-
-	console.log(`Found ${files.length} files to process`)
-
-	let modified = 0
-	for (const file of files) {
-		if (processFile(file)) {
-			console.log(`  Modified: ${file.replace(APPS_DIR, 'apps')}`)
-			modified++
-		}
-	}
-
-	console.log(`\nDone! Modified ${modified} files.`)
-}
-
-main()

From d1ec859c85081629c1594d7d56cf4329b757ee75 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Fri, 26 Dec 2025 19:10:31 +0000
Subject: [PATCH 06/10] fix: imports

---
 apps/app-frontend/src/pages/Browse.vue              | 13 +++----------
 apps/frontend/nuxt.config.ts                        |  3 ++-
 .../create-project-version/stages/AddFilesStage.vue |  2 +-
 .../components/ui/create/CollectionCreateModal.vue  |  2 +-
 .../src/components/ui/create/CreateLimitAlert.vue   |  2 +-
 .../ui/create/OrganizationCreateModal.vue           |  2 +-
 .../src/components/ui/create/ProjectCreateModal.vue |  1 +
 .../ui/servers/PanelServerActionButton.vue          |  2 +-
 .../ui/servers/PlatformVersionSelectModal.vue       |  1 +
 .../components/ui/servers/ServerInstallation.vue    |  2 +-
 .../ui/servers/marketing/ServerPlanSelector.vue     |  2 +-
 apps/frontend/src/layouts/default.vue               |  2 ++
 apps/frontend/src/utils/i18n-project-type.ts        |  2 ++
 packages/ui/src/composables/how-ago.ts              |  5 ++---
 14 files changed, 20 insertions(+), 21 deletions(-)

diff --git a/apps/app-frontend/src/pages/Browse.vue b/apps/app-frontend/src/pages/Browse.vue
index d9e3c67547..c31712e7ab 100644
--- a/apps/app-frontend/src/pages/Browse.vue
+++ b/apps/app-frontend/src/pages/Browse.vue
@@ -1,18 +1,10 @@
 <script setup lang="ts">
 import { ClipboardCopyIcon, ExternalIcon, GlobeIcon, SearchIcon, XIcon } from '@modrinth/assets'
-import type {
-	Category,
-	defineMessages,
-	GameVersion,
-	Platform,
-	ProjectType,
-	SortType,
-	Tags,
-	useVIntl,
-} from '@modrinth/ui'
+import type { Category, GameVersion, Platform, ProjectType, SortType, Tags } from '@modrinth/ui'
 import {
 	Button,
 	Checkbox,
+	defineMessages,
 	DropdownSelect,
 	injectNotificationManager,
 	LoadingIndicator,
@@ -20,6 +12,7 @@ import {
 	SearchFilterControl,
 	SearchSidebarFilter,
 	useSearch,
+	useVIntl,
 } from '@modrinth/ui'
 import { openUrl } from '@tauri-apps/plugin-opener'
 import type { Ref } from 'vue'
diff --git a/apps/frontend/nuxt.config.ts b/apps/frontend/nuxt.config.ts
index b0432298f3..c166ca6787 100644
--- a/apps/frontend/nuxt.config.ts
+++ b/apps/frontend/nuxt.config.ts
@@ -1,5 +1,6 @@
 import { GenericModrinthClient, type Labrinth } from '@modrinth/api-client'
-import { LOCALES } from '@modrinth/ui'
+// Import directly from utils to avoid loading .vue files at config time
+import { LOCALES } from '@modrinth/ui/src/utils/i18n'
 import serverSidedVue from '@vitejs/plugin-vue'
 import { promises as fs } from 'fs'
 import { defineNuxtConfig } from 'nuxt/config'
diff --git a/apps/frontend/src/components/ui/create-project-version/stages/AddFilesStage.vue b/apps/frontend/src/components/ui/create-project-version/stages/AddFilesStage.vue
index f257a76e8a..73db0f41a8 100644
--- a/apps/frontend/src/components/ui/create-project-version/stages/AddFilesStage.vue
+++ b/apps/frontend/src/components/ui/create-project-version/stages/AddFilesStage.vue
@@ -87,7 +87,7 @@
 
 <script lang="ts" setup>
 import type { Labrinth } from '@modrinth/api-client'
-import { Admonition, DropzoneFileInput, injectProjectPageContext } from '@modrinth/ui'
+import { Admonition, defineMessages, DropzoneFileInput, injectProjectPageContext, useVIntl } from '@modrinth/ui'
 import { acceptFileFromProjectType } from '@modrinth/utils'
 
 import { injectManageVersionContext } from '~/providers/version/manage-version-modal'
diff --git a/apps/frontend/src/components/ui/create/CollectionCreateModal.vue b/apps/frontend/src/components/ui/create/CollectionCreateModal.vue
index 1fbc01d71f..401949c14d 100644
--- a/apps/frontend/src/components/ui/create/CollectionCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/CollectionCreateModal.vue
@@ -58,7 +58,7 @@
 </template>
 <script setup>
 import { PlusIcon, XIcon } from '@modrinth/assets'
-import { ButtonStyled, defineMessages, injectNotificationManager, NewModal } from '@modrinth/ui'
+import { ButtonStyled, defineMessages, injectNotificationManager, NewModal, useVIntl } from '@modrinth/ui'
 
 import CreateLimitAlert from './CreateLimitAlert.vue'
 
diff --git a/apps/frontend/src/components/ui/create/CreateLimitAlert.vue b/apps/frontend/src/components/ui/create/CreateLimitAlert.vue
index d06bcdc96a..35a89692c1 100644
--- a/apps/frontend/src/components/ui/create/CreateLimitAlert.vue
+++ b/apps/frontend/src/components/ui/create/CreateLimitAlert.vue
@@ -42,7 +42,7 @@
 
 <script setup lang="ts">
 import { MessageIcon } from '@modrinth/assets'
-import { Admonition, ButtonStyled, defineMessages } from '@modrinth/ui'
+import { Admonition, ButtonStyled, defineMessages, useVIntl } from '@modrinth/ui'
 import { capitalizeString } from '@modrinth/utils'
 import { computed, watch } from 'vue'
 
diff --git a/apps/frontend/src/components/ui/create/OrganizationCreateModal.vue b/apps/frontend/src/components/ui/create/OrganizationCreateModal.vue
index d2c557205b..b06449451d 100644
--- a/apps/frontend/src/components/ui/create/OrganizationCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/OrganizationCreateModal.vue
@@ -81,7 +81,7 @@
 
 <script setup lang="ts">
 import { PlusIcon, XIcon } from '@modrinth/assets'
-import { ButtonStyled, defineMessages, injectNotificationManager, NewModal } from '@modrinth/ui'
+import { ButtonStyled, defineMessages, injectNotificationManager, NewModal, useVIntl } from '@modrinth/ui'
 import { ref } from 'vue'
 
 import CreateLimitAlert from './CreateLimitAlert.vue'
diff --git a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
index e2e854dcd1..fe9e6ea76f 100644
--- a/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/ProjectCreateModal.vue
@@ -101,6 +101,7 @@ import {
 	defineMessages,
 	injectNotificationManager,
 	NewModal,
+	useVIntl,
 } from '@modrinth/ui'
 
 import CreateLimitAlert from './CreateLimitAlert.vue'
diff --git a/apps/frontend/src/components/ui/servers/PanelServerActionButton.vue b/apps/frontend/src/components/ui/servers/PanelServerActionButton.vue
index db0be49997..7aa47a6669 100644
--- a/apps/frontend/src/components/ui/servers/PanelServerActionButton.vue
+++ b/apps/frontend/src/components/ui/servers/PanelServerActionButton.vue
@@ -120,7 +120,7 @@ import {
 	UpdatedIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { ButtonStyled, Checkbox, NewModal, ServerInfoLabels } from '@modrinth/ui'
+import { ButtonStyled, Checkbox, NewModal, ServerInfoLabels, useVIntl } from '@modrinth/ui'
 import type { PowerAction as ServerPowerAction, ServerState } from '@modrinth/utils'
 import { useStorage } from '@vueuse/core'
 import { computed, ref } from 'vue'
diff --git a/apps/frontend/src/components/ui/servers/PlatformVersionSelectModal.vue b/apps/frontend/src/components/ui/servers/PlatformVersionSelectModal.vue
index dbaba2ecde..0f249d0406 100644
--- a/apps/frontend/src/components/ui/servers/PlatformVersionSelectModal.vue
+++ b/apps/frontend/src/components/ui/servers/PlatformVersionSelectModal.vue
@@ -213,6 +213,7 @@ import {
 	injectNotificationManager,
 	NewModal,
 	Toggle,
+	useVIntl,
 } from '@modrinth/ui'
 import { type Loaders, ModrinthServersFetchError } from '@modrinth/utils'
 import { $fetch } from 'ofetch'
diff --git a/apps/frontend/src/components/ui/servers/ServerInstallation.vue b/apps/frontend/src/components/ui/servers/ServerInstallation.vue
index b3769d9b41..56ac895f4d 100644
--- a/apps/frontend/src/components/ui/servers/ServerInstallation.vue
+++ b/apps/frontend/src/components/ui/servers/ServerInstallation.vue
@@ -159,7 +159,7 @@
 
 <script setup lang="ts">
 import { CompassIcon, InfoIcon, SettingsIcon, TransferIcon, UploadIcon } from '@modrinth/assets'
-import { ButtonStyled, NewProjectCard } from '@modrinth/ui'
+import { ButtonStyled, NewProjectCard, useVIntl } from '@modrinth/ui'
 import type { Loaders } from '@modrinth/utils'
 
 import type { ModrinthServer } from '~/composables/servers/modrinth-servers.ts'
diff --git a/apps/frontend/src/components/ui/servers/marketing/ServerPlanSelector.vue b/apps/frontend/src/components/ui/servers/marketing/ServerPlanSelector.vue
index 206c49c822..275560c4e6 100644
--- a/apps/frontend/src/components/ui/servers/marketing/ServerPlanSelector.vue
+++ b/apps/frontend/src/components/ui/servers/marketing/ServerPlanSelector.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { MessageDescriptor } from '@modrinth/ui'
-import { ButtonStyled, ServersSpecs } from '@modrinth/ui'
+import { ButtonStyled, defineMessages, ServersSpecs, useVIntl } from '@modrinth/ui'
 import { formatPrice } from '@modrinth/utils'
 
 const { formatMessage, locale } = useVIntl()
diff --git a/apps/frontend/src/layouts/default.vue b/apps/frontend/src/layouts/default.vue
index 2d0eaa0a46..7d028be4a5 100644
--- a/apps/frontend/src/layouts/default.vue
+++ b/apps/frontend/src/layouts/default.vue
@@ -963,10 +963,12 @@ import {
 	ButtonStyled,
 	commonMessages,
 	commonProjectTypeCategoryMessages,
+	defineMessages,
 	injectNotificationManager,
 	IntlFormatted,
 	OverflowMenu,
 	PagewideBanner,
+	useVIntl,
 } from '@modrinth/ui'
 import { isAdmin, isStaff, UserBadge } from '@modrinth/utils'
 
diff --git a/apps/frontend/src/utils/i18n-project-type.ts b/apps/frontend/src/utils/i18n-project-type.ts
index 958185dde0..14b493b70f 100644
--- a/apps/frontend/src/utils/i18n-project-type.ts
+++ b/apps/frontend/src/utils/i18n-project-type.ts
@@ -1,3 +1,5 @@
+import { defineMessages } from '@modrinth/ui'
+
 const projectTypeMessages = defineMessages({
 	datapack: {
 		id: 'project-type.datapack.singular',
diff --git a/packages/ui/src/composables/how-ago.ts b/packages/ui/src/composables/how-ago.ts
index b5a5d30bd7..489a4494a6 100644
--- a/packages/ui/src/composables/how-ago.ts
+++ b/packages/ui/src/composables/how-ago.ts
@@ -1,6 +1,5 @@
 import { computed, type ComputedRef } from 'vue'
-
-import { useI18nContext } from '../utils/i18n'
+import { useI18n } from 'vue-i18n'
 
 export type Formatter = (value: Date | number, options?: FormatOptions) => string
 
@@ -11,7 +10,7 @@ export interface FormatOptions {
 const formatters = new Map<string, ComputedRef<Intl.RelativeTimeFormat>>()
 
 export function useRelativeTime(): Formatter {
-	const { locale } = useI18nContext()
+	const { locale } = useI18n()
 
 	const formatterRef = computed(
 		() =>

From 5eb1801bee7c072307a4d44116069100e394f1c0 Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Fri, 26 Dec 2025 19:23:26 +0000
Subject: [PATCH 07/10] fix: comment out incomplete locales + fix imports

---
 .../withdraw-stages/MuralpayKycStage.vue      |  2 +-
 .../servers/marketing/ServerPlanSelector.vue  |  2 +-
 apps/frontend/src/layouts/default.vue         |  4 +-
 apps/frontend/src/pages/[type]/[id].vue       |  6 +-
 .../frontend/src/pages/admin/billing/[id].vue |  6 +-
 .../src/pages/admin/servers/notices.vue       |  4 +-
 apps/frontend/src/pages/auth/authorize.vue    |  6 +-
 .../src/pages/auth/reset-password.vue         |  2 +-
 apps/frontend/src/pages/auth/sign-in.vue      |  2 +-
 apps/frontend/src/pages/auth/sign-up.vue      |  2 +-
 apps/frontend/src/pages/auth/verify-email.vue |  2 +-
 apps/frontend/src/pages/auth/welcome.vue      |  2 +-
 apps/frontend/src/pages/collection/[id].vue   |  4 +-
 apps/frontend/src/pages/dashboard.vue         |  2 +-
 .../src/pages/dashboard/affiliate-links.vue   |  4 +-
 .../src/pages/dashboard/collections.vue       |  2 +-
 .../frontend/src/pages/dashboard/projects.vue |  4 +-
 .../src/pages/discover/[type]/index.vue       |  1 +
 apps/frontend/src/pages/frog.vue              |  2 +-
 .../src/pages/hosting/manage/[id].vue         |  4 +-
 apps/frontend/src/pages/organization/[id].vue |  2 +-
 .../organization/[id]/settings/projects.vue   |  4 +-
 apps/frontend/src/pages/plus.vue              |  2 +-
 apps/frontend/src/pages/report.vue            |  1 +
 apps/frontend/src/pages/settings.vue          |  2 +-
 .../src/pages/settings/applications.vue       |  4 +-
 .../src/pages/settings/authorizations.vue     |  4 +-
 .../src/pages/settings/billing/charges.vue    |  2 +-
 .../src/pages/settings/billing/index.vue      |  6 +-
 apps/frontend/src/pages/settings/language.vue |  2 +-
 apps/frontend/src/pages/settings/pats.vue     |  6 +-
 apps/frontend/src/pages/settings/profile.vue  |  6 +-
 apps/frontend/src/pages/settings/sessions.vue |  6 +-
 apps/frontend/src/pages/user/[id].vue         |  6 +-
 packages/ui/src/utils/i18n.ts                 | 92 +++++++++----------
 35 files changed, 105 insertions(+), 103 deletions(-)

diff --git a/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayKycStage.vue b/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayKycStage.vue
index 32d74f9e4f..bc6133c932 100644
--- a/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayKycStage.vue
+++ b/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayKycStage.vue
@@ -218,7 +218,7 @@
 </template>
 
 <script setup lang="ts">
-import { Chips, Combobox, formFieldLabels, formFieldPlaceholders, useVIntl } from '@modrinth/ui'
+import { Chips, Combobox, defineMessages , formFieldLabels, formFieldPlaceholders, useVIntl } from '@modrinth/ui'
 // TODO: Switch to using Muralpay's improved endpoint when it's available.
 import iso3166 from 'iso-3166-2'
 
diff --git a/apps/frontend/src/components/ui/servers/marketing/ServerPlanSelector.vue b/apps/frontend/src/components/ui/servers/marketing/ServerPlanSelector.vue
index 275560c4e6..953a3fe64a 100644
--- a/apps/frontend/src/components/ui/servers/marketing/ServerPlanSelector.vue
+++ b/apps/frontend/src/components/ui/servers/marketing/ServerPlanSelector.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { MessageDescriptor } from '@modrinth/ui'
-import { ButtonStyled, defineMessages, ServersSpecs, useVIntl } from '@modrinth/ui'
+import { ButtonStyled, defineMessage, ServersSpecs, useVIntl } from '@modrinth/ui'
 import { formatPrice } from '@modrinth/utils'
 
 const { formatMessage, locale } = useVIntl()
diff --git a/apps/frontend/src/layouts/default.vue b/apps/frontend/src/layouts/default.vue
index 7d028be4a5..01a64e6ef0 100644
--- a/apps/frontend/src/layouts/default.vue
+++ b/apps/frontend/src/layouts/default.vue
@@ -957,12 +957,12 @@ import {
 	UserSearchIcon,
 	XIcon,
 } from '@modrinth/assets'
-import {
-	Avatar,
+import { 	Avatar,
 	Button,
 	ButtonStyled,
 	commonMessages,
 	commonProjectTypeCategoryMessages,
+defineMessage ,
 	defineMessages,
 	injectNotificationManager,
 	IntlFormatted,
diff --git a/apps/frontend/src/pages/[type]/[id].vue b/apps/frontend/src/pages/[type]/[id].vue
index 9c290c2c29..3e31ce289e 100644
--- a/apps/frontend/src/pages/[type]/[id].vue
+++ b/apps/frontend/src/pages/[type]/[id].vue
@@ -964,13 +964,12 @@ import {
 	WrenchIcon,
 	XIcon,
 } from '@modrinth/assets'
-import {
-	Admonition,
+import { 	Admonition,
 	Avatar,
 	ButtonStyled,
 	Checkbox,
 	commonMessages,
-	injectNotificationManager,
+defineMessages,	injectNotificationManager,
 	IntlFormatted,
 	NewModal,
 	OverflowMenu,
@@ -986,6 +985,7 @@ import {
 	ServersPromo,
 	TagItem,
 	useRelativeTime,
+useVIntl ,
 } from '@modrinth/ui'
 import VersionSummary from '@modrinth/ui/src/components/version/VersionSummary.vue'
 import { formatCategory, formatPrice, formatProjectType, renderString } from '@modrinth/utils'
diff --git a/apps/frontend/src/pages/admin/billing/[id].vue b/apps/frontend/src/pages/admin/billing/[id].vue
index b3c88168bf..addd58ad24 100644
--- a/apps/frontend/src/pages/admin/billing/[id].vue
+++ b/apps/frontend/src/pages/admin/billing/[id].vue
@@ -322,15 +322,15 @@ import {
 	UserIcon,
 	XIcon,
 } from '@modrinth/assets'
-import {
-	Avatar,
+import { 	Avatar,
 	ButtonStyled,
 	CopyCode,
-	DropdownSelect,
+defineMessages,	DropdownSelect,
 	injectNotificationManager,
 	NewModal,
 	Toggle,
 	useRelativeTime,
+useVIntl ,
 } from '@modrinth/ui'
 import { formatCategory, formatPrice } from '@modrinth/utils'
 import { DEFAULT_CREDIT_EMAIL_MESSAGE } from '@modrinth/utils/utils.ts'
diff --git a/apps/frontend/src/pages/admin/servers/notices.vue b/apps/frontend/src/pages/admin/servers/notices.vue
index 43b92a786e..485cab6f5c 100644
--- a/apps/frontend/src/pages/admin/servers/notices.vue
+++ b/apps/frontend/src/pages/admin/servers/notices.vue
@@ -262,11 +262,11 @@
 </template>
 <script setup lang="ts">
 import { EditIcon, PlusIcon, SaveIcon, SettingsIcon, TrashIcon, XIcon } from '@modrinth/assets'
-import {
-	ButtonStyled,
+import { 	ButtonStyled,
 	Combobox,
 	commonMessages,
 	CopyCode,
+defineMessages ,
 	injectNotificationManager,
 	NewModal,
 	ServerNotice,
diff --git a/apps/frontend/src/pages/auth/authorize.vue b/apps/frontend/src/pages/auth/authorize.vue
index dd9629798b..c2a7ecfd1b 100644
--- a/apps/frontend/src/pages/auth/authorize.vue
+++ b/apps/frontend/src/pages/auth/authorize.vue
@@ -81,13 +81,13 @@
 
 <script setup>
 import { CheckIcon, XIcon } from '@modrinth/assets'
-import {
-	Avatar,
+import { 	Avatar,
 	Button,
 	commonMessages,
-	injectNotificationManager,
+defineMessages,	injectNotificationManager,
 	IntlFormatted,
 	normalizeChildren,
+useVIntl ,
 } from '@modrinth/ui'
 
 import { useAuth } from '@/composables/auth.js'
diff --git a/apps/frontend/src/pages/auth/reset-password.vue b/apps/frontend/src/pages/auth/reset-password.vue
index de190d5ba3..9739dd78e0 100644
--- a/apps/frontend/src/pages/auth/reset-password.vue
+++ b/apps/frontend/src/pages/auth/reset-password.vue
@@ -68,7 +68,7 @@
 </template>
 <script setup>
 import { KeyIcon, MailIcon, SendIcon } from '@modrinth/assets'
-import { commonMessages, injectNotificationManager } from '@modrinth/ui'
+import { commonMessages, defineMessages,injectNotificationManager,useVIntl  } from '@modrinth/ui'
 
 import HCaptcha from '@/components/ui/HCaptcha.vue'
 
diff --git a/apps/frontend/src/pages/auth/sign-in.vue b/apps/frontend/src/pages/auth/sign-in.vue
index b81b06af38..ff4171ed11 100644
--- a/apps/frontend/src/pages/auth/sign-in.vue
+++ b/apps/frontend/src/pages/auth/sign-in.vue
@@ -140,7 +140,7 @@ import {
 	RightArrowIcon,
 	SteamColorIcon,
 } from '@modrinth/assets'
-import { commonMessages, injectNotificationManager, IntlFormatted } from '@modrinth/ui'
+import { commonMessages, defineMessages,injectNotificationManager, IntlFormatted,useVIntl  } from '@modrinth/ui'
 
 import HCaptcha from '@/components/ui/HCaptcha.vue'
 import { getAuthUrl, getLauncherRedirectUrl } from '@/composables/auth.js'
diff --git a/apps/frontend/src/pages/auth/sign-up.vue b/apps/frontend/src/pages/auth/sign-up.vue
index 549c8d5bbd..b4d2babbc0 100644
--- a/apps/frontend/src/pages/auth/sign-up.vue
+++ b/apps/frontend/src/pages/auth/sign-up.vue
@@ -145,7 +145,7 @@ import {
 	SteamColorIcon,
 	UserIcon,
 } from '@modrinth/assets'
-import { Checkbox, commonMessages, injectNotificationManager, IntlFormatted } from '@modrinth/ui'
+import { Checkbox, commonMessages, defineMessages,injectNotificationManager, IntlFormatted,useVIntl  } from '@modrinth/ui'
 
 import HCaptcha from '@/components/ui/HCaptcha.vue'
 import { getAuthUrl } from '@/composables/auth.js'
diff --git a/apps/frontend/src/pages/auth/verify-email.vue b/apps/frontend/src/pages/auth/verify-email.vue
index f7b3bcdac6..56553d3363 100644
--- a/apps/frontend/src/pages/auth/verify-email.vue
+++ b/apps/frontend/src/pages/auth/verify-email.vue
@@ -64,7 +64,7 @@
 </template>
 <script setup>
 import { RightArrowIcon, SettingsIcon } from '@modrinth/assets'
-import { ButtonStyled, injectNotificationManager } from '@modrinth/ui'
+import { ButtonStyled, defineMessages,injectNotificationManager,useVIntl  } from '@modrinth/ui'
 
 const { addNotification } = injectNotificationManager()
 const { formatMessage } = useVIntl()
diff --git a/apps/frontend/src/pages/auth/welcome.vue b/apps/frontend/src/pages/auth/welcome.vue
index 142afcb40b..82bbe3f68e 100644
--- a/apps/frontend/src/pages/auth/welcome.vue
+++ b/apps/frontend/src/pages/auth/welcome.vue
@@ -49,7 +49,7 @@
 
 <script setup>
 import { RightArrowIcon, WavingRinthbot } from '@modrinth/assets'
-import { Checkbox, commonMessages, IntlFormatted, normalizeChildren } from '@modrinth/ui'
+import { Checkbox, commonMessages, defineMessages,IntlFormatted, normalizeChildren,useVIntl  } from '@modrinth/ui'
 
 const route = useRoute()
 
diff --git a/apps/frontend/src/pages/collection/[id].vue b/apps/frontend/src/pages/collection/[id].vue
index 6e25e3a78b..0193274fdd 100644
--- a/apps/frontend/src/pages/collection/[id].vue
+++ b/apps/frontend/src/pages/collection/[id].vue
@@ -374,13 +374,13 @@ import {
 	UploadIcon,
 	XIcon,
 } from '@modrinth/assets'
-import {
-	Avatar,
+import { 	Avatar,
 	ButtonStyled,
 	commonMessages,
 	commonProjectTypeCategoryMessages,
 	commonProjectTypeSentenceMessages,
 	ConfirmModal,
+defineMessage ,
 	defineMessages,
 	FileInput,
 	HorizontalRule,
diff --git a/apps/frontend/src/pages/dashboard.vue b/apps/frontend/src/pages/dashboard.vue
index ff7adec5b3..7ddaa9d98f 100644
--- a/apps/frontend/src/pages/dashboard.vue
+++ b/apps/frontend/src/pages/dashboard.vue
@@ -43,7 +43,7 @@ import {
 	OrganizationIcon,
 	ReportIcon,
 } from '@modrinth/assets'
-import { commonMessages } from '@modrinth/ui'
+import { commonMessages,useVIntl  } from '@modrinth/ui'
 import { type User, UserBadge } from '@modrinth/utils'
 
 import NavStack from '~/components/ui/NavStack.vue'
diff --git a/apps/frontend/src/pages/dashboard/affiliate-links.vue b/apps/frontend/src/pages/dashboard/affiliate-links.vue
index aadbd6ee1c..98a9875ebe 100644
--- a/apps/frontend/src/pages/dashboard/affiliate-links.vue
+++ b/apps/frontend/src/pages/dashboard/affiliate-links.vue
@@ -64,13 +64,13 @@
 </template>
 <script setup lang="ts">
 import { PlusIcon, SearchIcon, XCircleIcon, XIcon } from '@modrinth/assets'
-import {
-	Admonition,
+import { 	Admonition,
 	AffiliateLinkCard,
 	AffiliateLinkCreateModal,
 	Button,
 	ButtonStyled,
 	ConfirmModal,
+defineMessages ,
 	injectNotificationManager,
 	useVIntl,
 } from '@modrinth/ui'
diff --git a/apps/frontend/src/pages/dashboard/collections.vue b/apps/frontend/src/pages/dashboard/collections.vue
index 5ca86cd4e3..8491ccd15c 100644
--- a/apps/frontend/src/pages/dashboard/collections.vue
+++ b/apps/frontend/src/pages/dashboard/collections.vue
@@ -106,7 +106,7 @@ import {
 	SearchIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { Avatar, Button, commonMessages } from '@modrinth/ui'
+import { Avatar, Button, commonMessages,defineMessages,useVIntl  } from '@modrinth/ui'
 
 import CollectionCreateModal from '~/components/ui/create/CollectionCreateModal.vue'
 
diff --git a/apps/frontend/src/pages/dashboard/projects.vue b/apps/frontend/src/pages/dashboard/projects.vue
index f2259ee00e..3c1712624a 100644
--- a/apps/frontend/src/pages/dashboard/projects.vue
+++ b/apps/frontend/src/pages/dashboard/projects.vue
@@ -326,8 +326,7 @@ import {
 	TriangleAlertIcon,
 	XIcon,
 } from '@modrinth/assets'
-import {
-	Avatar,
+import { 	Avatar,
 	ButtonStyled,
 	Checkbox,
 	commonMessages,
@@ -335,6 +334,7 @@ import {
 	injectNotificationManager,
 	NewModal,
 	ProjectStatusBadge,
+useVIntl ,
 } from '@modrinth/ui'
 import { formatProjectType } from '@modrinth/utils'
 import { Multiselect } from 'vue-multiselect'
diff --git a/apps/frontend/src/pages/discover/[type]/index.vue b/apps/frontend/src/pages/discover/[type]/index.vue
index 8fc5ebd9b8..46e18402ee 100644
--- a/apps/frontend/src/pages/discover/[type]/index.vue
+++ b/apps/frontend/src/pages/discover/[type]/index.vue
@@ -12,6 +12,7 @@ import {
 	SearchIcon,
 	XIcon,
 } from '@modrinth/assets'
+import { defineMessages,useVIntl } from '@modrinth/ui'
 import {
 	Avatar,
 	Button,
diff --git a/apps/frontend/src/pages/frog.vue b/apps/frontend/src/pages/frog.vue
index 96c5a6f43e..39d5f5279d 100644
--- a/apps/frontend/src/pages/frog.vue
+++ b/apps/frontend/src/pages/frog.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useRelativeTime } from '@modrinth/ui'
+import { defineMessages,useRelativeTime,useVIntl  } from '@modrinth/ui'
 
 const vintl = useVIntl()
 const { formatMessage } = vintl
diff --git a/apps/frontend/src/pages/hosting/manage/[id].vue b/apps/frontend/src/pages/hosting/manage/[id].vue
index 6680083572..306e298cbd 100644
--- a/apps/frontend/src/pages/hosting/manage/[id].vue
+++ b/apps/frontend/src/pages/hosting/manage/[id].vue
@@ -386,8 +386,8 @@ import {
 	TransferIcon,
 } from '@modrinth/assets'
 import type { MessageDescriptor } from '@modrinth/ui'
-import {
-	ButtonStyled,
+import { 	ButtonStyled,
+defineMessage ,
 	ErrorInformationCard,
 	injectModrinthClient,
 	injectNotificationManager,
diff --git a/apps/frontend/src/pages/organization/[id].vue b/apps/frontend/src/pages/organization/[id].vue
index 53726f184d..d314b42623 100644
--- a/apps/frontend/src/pages/organization/[id].vue
+++ b/apps/frontend/src/pages/organization/[id].vue
@@ -261,7 +261,7 @@ import {
 	UsersIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { Avatar, ButtonStyled, commonMessages, ContentPageHeader, OverflowMenu } from '@modrinth/ui'
+import { Avatar, ButtonStyled, commonMessages, ContentPageHeader, OverflowMenu,useVIntl  } from '@modrinth/ui'
 import type { Organization, ProjectStatus, ProjectType, ProjectV3 } from '@modrinth/utils'
 import { formatNumber } from '@modrinth/utils'
 
diff --git a/apps/frontend/src/pages/organization/[id]/settings/projects.vue b/apps/frontend/src/pages/organization/[id]/settings/projects.vue
index 2c3c84ae06..ed5038a73e 100644
--- a/apps/frontend/src/pages/organization/[id]/settings/projects.vue
+++ b/apps/frontend/src/pages/organization/[id]/settings/projects.vue
@@ -325,8 +325,7 @@ import {
 	TrashIcon,
 	XIcon,
 } from '@modrinth/assets'
-import {
-	Avatar,
+import { 	Avatar,
 	ButtonStyled,
 	Checkbox,
 	commonMessages,
@@ -334,6 +333,7 @@ import {
 	injectNotificationManager,
 	NewModal,
 	ProjectStatusBadge,
+useVIntl ,
 } from '@modrinth/ui'
 import { formatProjectType } from '@modrinth/utils'
 import { Multiselect } from 'vue-multiselect'
diff --git a/apps/frontend/src/pages/plus.vue b/apps/frontend/src/pages/plus.vue
index 6106084333..04335b0214 100644
--- a/apps/frontend/src/pages/plus.vue
+++ b/apps/frontend/src/pages/plus.vue
@@ -86,7 +86,7 @@
 </template>
 <script setup>
 import { HeartIcon, ModrinthPlusIcon, SettingsIcon, SparklesIcon, StarIcon } from '@modrinth/assets'
-import { injectNotificationManager, PurchaseModal } from '@modrinth/ui'
+import { injectNotificationManager, PurchaseModal,useVIntl  } from '@modrinth/ui'
 import { calculateSavings, formatPrice, getCurrency } from '@modrinth/utils'
 
 import { useBaseFetch } from '@/composables/fetch.js'
diff --git a/apps/frontend/src/pages/report.vue b/apps/frontend/src/pages/report.vue
index 208a73f412..20622d964c 100644
--- a/apps/frontend/src/pages/report.vue
+++ b/apps/frontend/src/pages/report.vue
@@ -281,6 +281,7 @@ import {
 	VersionIcon,
 	XCircleIcon,
 } from '@modrinth/assets'
+import { defineMessage } from '@modrinth/ui'
 import {
 	AutoLink,
 	Avatar,
diff --git a/apps/frontend/src/pages/settings.vue b/apps/frontend/src/pages/settings.vue
index d6df408b3f..0101f4edf1 100644
--- a/apps/frontend/src/pages/settings.vue
+++ b/apps/frontend/src/pages/settings.vue
@@ -95,7 +95,7 @@ import {
 	ShieldIcon,
 	UserIcon,
 } from '@modrinth/assets'
-import { commonMessages, commonSettingsMessages } from '@modrinth/ui'
+import { commonMessages, commonSettingsMessages,useVIntl  } from '@modrinth/ui'
 
 import NavStack from '~/components/ui/NavStack.vue'
 
diff --git a/apps/frontend/src/pages/settings/applications.vue b/apps/frontend/src/pages/settings/applications.vue
index 5362e2d82e..248b5dcecc 100644
--- a/apps/frontend/src/pages/settings/applications.vue
+++ b/apps/frontend/src/pages/settings/applications.vue
@@ -217,8 +217,7 @@
 </template>
 <script setup>
 import { EditIcon, PlusIcon, SaveIcon, TrashIcon, UploadIcon, XIcon } from '@modrinth/assets'
-import {
-	Avatar,
+import { 	Avatar,
 	Button,
 	Checkbox,
 	commonSettingsMessages,
@@ -226,6 +225,7 @@ import {
 	CopyCode,
 	FileInput,
 	injectNotificationManager,
+useVIntl ,
 } from '@modrinth/ui'
 
 import Modal from '~/components/ui/Modal.vue'
diff --git a/apps/frontend/src/pages/settings/authorizations.vue b/apps/frontend/src/pages/settings/authorizations.vue
index 7f8145630f..97113672ab 100644
--- a/apps/frontend/src/pages/settings/authorizations.vue
+++ b/apps/frontend/src/pages/settings/authorizations.vue
@@ -89,12 +89,12 @@
 </template>
 <script setup>
 import { CheckIcon, TrashIcon } from '@modrinth/assets'
-import {
-	Avatar,
+import { 	Avatar,
 	Button,
 	commonSettingsMessages,
 	ConfirmModal,
 	injectNotificationManager,
+useVIntl ,
 } from '@modrinth/ui'
 
 import { useScopes } from '~/composables/auth/scopes.ts'
diff --git a/apps/frontend/src/pages/settings/billing/charges.vue b/apps/frontend/src/pages/settings/billing/charges.vue
index a1df435edd..9b4a7a1612 100644
--- a/apps/frontend/src/pages/settings/billing/charges.vue
+++ b/apps/frontend/src/pages/settings/billing/charges.vue
@@ -38,7 +38,7 @@
 	</div>
 </template>
 <script setup>
-import { Badge, Breadcrumbs } from '@modrinth/ui'
+import { Badge, Breadcrumbs,useVIntl  } from '@modrinth/ui'
 import { formatPrice } from '@modrinth/utils'
 
 import { products } from '~/generated/state.json'
diff --git a/apps/frontend/src/pages/settings/billing/index.vue b/apps/frontend/src/pages/settings/billing/index.vue
index da4a1033d9..248681c141 100644
--- a/apps/frontend/src/pages/settings/billing/index.vue
+++ b/apps/frontend/src/pages/settings/billing/index.vue
@@ -611,17 +611,17 @@ import {
 	UpdatedIcon,
 	XIcon,
 } from '@modrinth/assets'
-import {
-	AddPaymentMethodModal,
+import { 	AddPaymentMethodModal,
 	ButtonStyled,
 	commonMessages,
 	ConfirmModal,
 	CopyCode,
-	getPaymentMethodIcon,
+defineMessages,	getPaymentMethodIcon,
 	injectNotificationManager,
 	OverflowMenu,
 	PurchaseModal,
 	ServerListing,
+useVIntl ,
 } from '@modrinth/ui'
 import { calculateSavings, formatPrice, getCurrency } from '@modrinth/utils'
 import { computed, ref } from 'vue'
diff --git a/apps/frontend/src/pages/settings/language.vue b/apps/frontend/src/pages/settings/language.vue
index ac15ee6623..860baf5fa1 100644
--- a/apps/frontend/src/pages/settings/language.vue
+++ b/apps/frontend/src/pages/settings/language.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { RadioButtonCheckedIcon, RadioButtonIcon } from '@modrinth/assets'
-import { Admonition, commonSettingsMessages, IntlFormatted } from '@modrinth/ui'
+import { Admonition, commonSettingsMessages, defineMessages,IntlFormatted,useVIntl  } from '@modrinth/ui'
 import Fuse from 'fuse.js/dist/fuse.basic'
 
 import { isModifierKeyDown } from '~/helpers/events.ts'
diff --git a/apps/frontend/src/pages/settings/pats.vue b/apps/frontend/src/pages/settings/pats.vue
index bb36c8cecb..2d8b28dfc7 100644
--- a/apps/frontend/src/pages/settings/pats.vue
+++ b/apps/frontend/src/pages/settings/pats.vue
@@ -203,15 +203,15 @@
 </template>
 <script setup>
 import { EditIcon, PlusIcon, SaveIcon, TrashIcon, XIcon } from '@modrinth/assets'
-import {
-	Checkbox,
+import { 	Checkbox,
 	commonMessages,
 	commonSettingsMessages,
 	ConfirmModal,
 	CopyCode,
-	injectNotificationManager,
+defineMessages,	injectNotificationManager,
 	IntlFormatted,
 	useRelativeTime,
+useVIntl ,
 } from '@modrinth/ui'
 
 import Modal from '~/components/ui/Modal.vue'
diff --git a/apps/frontend/src/pages/settings/profile.vue b/apps/frontend/src/pages/settings/profile.vue
index f0e8f53004..a1e7e806c1 100644
--- a/apps/frontend/src/pages/settings/profile.vue
+++ b/apps/frontend/src/pages/settings/profile.vue
@@ -91,13 +91,13 @@
 
 <script setup>
 import { SaveIcon, TrashIcon, UndoIcon, UploadIcon, UserIcon, XIcon } from '@modrinth/assets'
-import {
-	Avatar,
+import { 	Avatar,
 	Button,
 	commonMessages,
-	FileInput,
+defineMessages,	FileInput,
 	injectNotificationManager,
 	IntlFormatted,
+useVIntl ,
 } from '@modrinth/ui'
 
 const { addNotification } = injectNotificationManager()
diff --git a/apps/frontend/src/pages/settings/sessions.vue b/apps/frontend/src/pages/settings/sessions.vue
index 2f02787b6e..36e972940a 100644
--- a/apps/frontend/src/pages/settings/sessions.vue
+++ b/apps/frontend/src/pages/settings/sessions.vue
@@ -57,11 +57,11 @@
 </template>
 <script setup>
 import { XIcon } from '@modrinth/assets'
-import {
-	commonMessages,
+import { 	commonMessages,
 	commonSettingsMessages,
-	injectNotificationManager,
+defineMessages,	injectNotificationManager,
 	useRelativeTime,
+useVIntl ,
 } from '@modrinth/ui'
 
 definePageMeta({
diff --git a/apps/frontend/src/pages/user/[id].vue b/apps/frontend/src/pages/user/[id].vue
index 738cd701a4..5f78b8c0e1 100644
--- a/apps/frontend/src/pages/user/[id].vue
+++ b/apps/frontend/src/pages/user/[id].vue
@@ -476,18 +476,18 @@ import {
 	SpinnerIcon,
 	XIcon,
 } from '@modrinth/assets'
-import {
-	Avatar,
+import { 	Avatar,
 	ButtonStyled,
 	Combobox,
 	commonMessages,
 	ContentPageHeader,
-	injectNotificationManager,
+defineMessages,	injectNotificationManager,
 	IntlFormatted,
 	NewModal,
 	OverflowMenu,
 	TagItem,
 	useRelativeTime,
+useVIntl ,
 } from '@modrinth/ui'
 import { isAdmin, isStaff, UserBadge } from '@modrinth/utils'
 
diff --git a/packages/ui/src/utils/i18n.ts b/packages/ui/src/utils/i18n.ts
index bdf1ca6d97..09afffce07 100644
--- a/packages/ui/src/utils/i18n.ts
+++ b/packages/ui/src/utils/i18n.ts
@@ -30,65 +30,65 @@ export interface LocaleDefinition {
 }
 
 export const LOCALES: LocaleDefinition[] = [
-	{ code: 'af-ZA', name: 'Afrikaans' },
-	{ code: 'ar-EG', name: 'العربية (مصر)', dir: 'rtl' },
-	{ code: 'ar-SA', name: 'العربية (السعودية)', dir: 'rtl' },
-	{ code: 'az-AZ', name: 'Azərbaycan' },
-	{ code: 'be-BY', name: 'Беларуская' },
-	{ code: 'bg-BG', name: 'Български' },
-	{ code: 'bn-BD', name: 'বাংলা' },
-	{ code: 'ca-ES', name: 'Català' },
-	{ code: 'ceb-PH', name: 'Cebuano' },
-	{ code: 'cs-CZ', name: 'Čeština' },
-	{ code: 'da-DK', name: 'Dansk' },
+	// { code: 'af-ZA', name: 'Afrikaans' },
+	// { code: 'ar-EG', name: 'العربية (مصر)', dir: 'rtl' },
+	// { code: 'ar-SA', name: 'العربية (السعودية)', dir: 'rtl' },
+	// { code: 'az-AZ', name: 'Azərbaycan' },
+	// { code: 'be-BY', name: 'Беларуская' },
+	// { code: 'bg-BG', name: 'Български' },
+	// { code: 'bn-BD', name: 'বাংলা' },
+	// { code: 'ca-ES', name: 'Català' },
+	// { code: 'ceb-PH', name: 'Cebuano' },
+	// { code: 'cs-CZ', name: 'Čeština' },
+	// { code: 'da-DK', name: 'Dansk' },
 	{ code: 'de-CH', name: 'Deutsch (Schweiz)' },
 	{ code: 'de-DE', name: 'Deutsch' },
-	{ code: 'el-GR', name: 'Ελληνικά' },
-	{ code: 'en-PT', name: 'Pirate English' },
-	{ code: 'en-UD', name: 'Upside Down' },
+	// { code: 'el-GR', name: 'Ελληνικά' },
+	// { code: 'en-PT', name: 'Pirate English' },
+	// { code: 'en-UD', name: 'Upside Down' },
 	{ code: 'en-US', name: 'English (United States)' },
-	{ code: 'eo-UY', name: 'Esperanto' },
+	// { code: 'eo-UY', name: 'Esperanto' },
 	{ code: 'es-419', name: 'Español (Latinoamérica)' },
 	{ code: 'es-ES', name: 'Español (España)' },
-	{ code: 'et-EE', name: 'Eesti' },
-	{ code: 'fa-IR', name: 'فارسی', dir: 'rtl' },
-	{ code: 'fi-FI', name: 'Suomi' },
-	{ code: 'fil-PH', name: 'Filipino' },
-	{ code: 'fr-FR', name: 'Français' },
-	{ code: 'he-IL', name: 'עברית', dir: 'rtl' },
-	{ code: 'hi-IN', name: 'हिन्दी' },
-	{ code: 'hr-HR', name: 'Hrvatski' },
-	{ code: 'hu-HU', name: 'Magyar' },
-	{ code: 'id-ID', name: 'Bahasa Indonesia' },
-	{ code: 'is-IS', name: 'Íslenska' },
+	// { code: 'et-EE', name: 'Eesti' },
+	// { code: 'fa-IR', name: 'فارسی', dir: 'rtl' },
+	// { code: 'fi-FI', name: 'Suomi' },
+	// { code: 'fil-PH', name: 'Filipino' },
+	// { code: 'fr-FR', name: 'Français' },
+	// { code: 'he-IL', name: 'עברית', dir: 'rtl' },
+	// { code: 'hi-IN', name: 'हिन्दी' },
+	// { code: 'hr-HR', name: 'Hrvatski' },
+	// { code: 'hu-HU', name: 'Magyar' },
+	// { code: 'id-ID', name: 'Bahasa Indonesia' },
+	// { code: 'is-IS', name: 'Íslenska' },
 	{ code: 'it-IT', name: 'Italiano' },
-	{ code: 'ja-JP', name: '日本語' },
-	{ code: 'kk-KZ', name: 'Қазақша' },
-	{ code: 'ko-KR', name: '한국어' },
-	{ code: 'ky-KG', name: 'Кыргызча' },
-	{ code: 'lol-US', name: 'LOLCAT' },
-	{ code: 'lt-LT', name: 'Lietuvių' },
-	{ code: 'lv-LV', name: 'Latviešu' },
-	{ code: 'ms-Arab', name: 'بهاس ملايو (جاوي)', dir: 'rtl' },
+	// { code: 'ja-JP', name: '日本語' },
+	// { code: 'kk-KZ', name: 'Қазақша' },
+	// { code: 'ko-KR', name: '한국어' },
+	// { code: 'ky-KG', name: 'Кыргызча' },
+	// { code: 'lol-US', name: 'LOLCAT' },
+	// { code: 'lt-LT', name: 'Lietuvių' },
+	// { code: 'lv-LV', name: 'Latviešu' },
+	// { code: 'ms-Arab', name: 'بهاس ملايو (جاوي)', dir: 'rtl' },
 	{ code: 'ms-MY', name: 'Bahasa Melayu' },
-	{ code: 'nl-NL', name: 'Nederlands' },
-	{ code: 'no-NO', name: 'Norsk' },
+	// { code: 'nl-NL', name: 'Nederlands' },
+	// { code: 'no-NO', name: 'Norsk' },
 	{ code: 'pl-PL', name: 'Polski' },
 	{ code: 'pt-BR', name: 'Português (Brasil)' },
 	{ code: 'pt-PT', name: 'Português (Portugal)' },
-	{ code: 'ro-RO', name: 'Română' },
+	// { code: 'ro-RO', name: 'Română' },
 	{ code: 'ru-RU', name: 'Русский' },
-	{ code: 'sk-SK', name: 'Slovenčina' },
-	{ code: 'sl-SI', name: 'Slovenščina' },
-	{ code: 'sr-CS', name: 'Српски (ћирилица)' },
-	{ code: 'sr-SP', name: 'Srpski (latinica)' },
-	{ code: 'sv-SE', name: 'Svenska' },
-	{ code: 'th-TH', name: 'ไทย' },
-	{ code: 'tl-PH', name: 'Tagalog' },
+	// { code: 'sk-SK', name: 'Slovenčina' },
+	// { code: 'sl-SI', name: 'Slovenščina' },
+	// { code: 'sr-CS', name: 'Српски (ћирилица)' },
+	// { code: 'sr-SP', name: 'Srpski (latinica)' },
+	// { code: 'sv-SE', name: 'Svenska' },
+	// { code: 'th-TH', name: 'ไทย' },
+	// { code: 'tl-PH', name: 'Tagalog' },
 	{ code: 'tr-TR', name: 'Türkçe' },
-	{ code: 'tt-RU', name: 'Татарча' },
+	// { code: 'tt-RU', name: 'Татарча' },
 	{ code: 'uk-UA', name: 'Українська' },
-	{ code: 'vi-VN', name: 'Tiếng Việt' },
+	// { code: 'vi-VN', name: 'Tiếng Việt' },
 	{ code: 'zh-CN', name: '简体中文' },
 	{ code: 'zh-TW', name: '繁體中文' },
 ]

From 188043124006678f5534ff80e46fbdb80272635c Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Fri, 26 Dec 2025 19:43:55 +0000
Subject: [PATCH 08/10] feat: cleanup

---
 apps/app-frontend/src/{i18n.ts => i18n.config.ts}        | 0
 apps/app-frontend/src/main.js                            | 2 +-
 .../ui/src/components/affiliate/AffiliateLinkCard.vue    | 9 +++++----
 .../components/affiliate/AffiliateLinkCreateModal.vue    | 9 +++++----
 packages/ui/src/components/base/Badge.vue                | 2 +-
 packages/ui/src/components/base/CopyCode.vue             | 2 +-
 packages/ui/src/components/base/EnvironmentIndicator.vue | 2 +-
 packages/ui/src/components/base/FilterBar.vue            | 2 +-
 packages/ui/src/components/base/IconSelect.vue           | 2 +-
 packages/ui/src/components/base/IntlFormatted.vue        | 2 +-
 packages/ui/src/components/base/ServerNotice.vue         | 1 +
 packages/ui/src/components/base/SettingsLabel.vue        | 8 ++++----
 packages/ui/src/components/base/UnsavedChangesPopup.vue  | 1 +
 .../ui/src/components/billing/AddPaymentMethodModal.vue  | 2 +-
 .../ui/src/components/billing/ExpandableInvoiceTotal.vue | 2 +-
 .../ui/src/components/billing/FormattedPaymentMethod.vue | 8 ++++----
 .../ui/src/components/billing/ModalBasedServerPlan.vue   | 2 +-
 .../components/billing/ModrinthServersPurchaseModal.vue  | 1 +
 packages/ui/src/components/billing/PurchaseModal.vue     | 2 +-
 .../ui/src/components/billing/ServersPurchase0Plan.vue   | 3 ++-
 .../ui/src/components/billing/ServersPurchase1Region.vue | 3 ++-
 .../components/billing/ServersPurchase2PaymentMethod.vue | 2 +-
 .../ui/src/components/billing/ServersPurchase3Review.vue | 3 ++-
 .../ui/src/components/billing/ServersRegionButton.vue    | 3 ++-
 packages/ui/src/components/changelog/ChangelogEntry.vue  | 2 +-
 packages/ui/src/components/modal/TabbedModal.vue         | 2 +-
 .../ui/src/components/project/ProjectPageVersions.vue    | 2 +-
 .../components/project/ProjectSidebarCompatibility.vue   | 1 +
 .../ui/src/components/project/ProjectSidebarCreators.vue | 2 +-
 .../ui/src/components/project/ProjectSidebarDetails.vue  | 2 +-
 .../ui/src/components/project/ProjectSidebarLinks.vue    | 6 +++---
 .../ui/src/components/project/ProjectStatusBadge.vue     | 1 +
 .../settings/environment/ProjectSettingsEnvSelector.vue  | 1 +
 .../ui/src/components/search/SearchFilterControl.vue     | 2 +-
 .../ui/src/components/search/SearchSidebarFilter.vue     | 3 ++-
 .../ui/src/components/servers/backups/BackupItem.vue     | 2 +-
 packages/ui/src/components/settings/ThemeSelector.vue    | 6 +++---
 .../src/components/version/VersionChannelIndicator.vue   | 6 +++---
 packages/ui/src/{utils => composables}/i18n.ts           | 2 +-
 packages/ui/src/composables/index.ts                     | 1 +
 packages/ui/src/utils/common-messages.ts                 | 2 +-
 packages/ui/src/utils/game-modes.ts                      | 2 +-
 packages/ui/src/utils/index.ts                           | 1 -
 packages/ui/src/utils/notices.ts                         | 2 +-
 packages/ui/src/utils/regions.ts                         | 2 +-
 packages/ui/src/utils/search.ts                          | 2 +-
 46 files changed, 69 insertions(+), 56 deletions(-)
 rename apps/app-frontend/src/{i18n.ts => i18n.config.ts} (100%)
 rename packages/ui/src/{utils => composables}/i18n.ts (99%)

diff --git a/apps/app-frontend/src/i18n.ts b/apps/app-frontend/src/i18n.config.ts
similarity index 100%
rename from apps/app-frontend/src/i18n.ts
rename to apps/app-frontend/src/i18n.config.ts
diff --git a/apps/app-frontend/src/main.js b/apps/app-frontend/src/main.js
index be127805b7..2d2a089ed5 100644
--- a/apps/app-frontend/src/main.js
+++ b/apps/app-frontend/src/main.js
@@ -8,7 +8,7 @@ import { createPinia } from 'pinia'
 import { createApp } from 'vue'
 
 import App from '@/App.vue'
-import i18n from '@/i18n'
+import i18n from '@/i18n.config'
 import router from '@/routes'
 
 const vueScan = new VueScanPlugin({
diff --git a/packages/ui/src/components/affiliate/AffiliateLinkCard.vue b/packages/ui/src/components/affiliate/AffiliateLinkCard.vue
index 7920173b34..da4636872a 100644
--- a/packages/ui/src/components/affiliate/AffiliateLinkCard.vue
+++ b/packages/ui/src/components/affiliate/AffiliateLinkCard.vue
@@ -31,11 +31,12 @@
 </template>
 
 <script setup lang="ts">
-import { AffiliateIcon, XCircleIcon } from '@modrinth/assets'
-import type { AffiliateLink } from '@modrinth/utils'
+import { AffiliateIcon, XCircleIcon } from '@modrinth/assets';
+import type { AffiliateLink } from '@modrinth/utils';
 
-import { defineMessages, useVIntl } from '../../utils/i18n'
-import { AutoBrandIcon, ButtonStyled, CopyCode } from '../index.ts'
+import { defineMessages, useVIntl } from '../../utils/i18n';
+import { AutoBrandIcon, ButtonStyled, Copy } from /../composables / i18n.tsindex.ts;
+'
 
 withDefaults(
 	defineProps<{
diff --git a/packages/ui/src/components/affiliate/AffiliateLinkCreateModal.vue b/packages/ui/src/components/affiliate/AffiliateLinkCreateModal.vue
index fbff43dbdb..27db96c52e 100644
--- a/packages/ui/src/components/affiliate/AffiliateLinkCreateModal.vue
+++ b/packages/ui/src/components/affiliate/AffiliateLinkCreateModal.vue
@@ -63,11 +63,12 @@
 </template>
 <script lang="ts"></script>
 <script setup lang="ts">
-import { AffiliateIcon, PlusIcon, SpinnerIcon, UserIcon, XIcon } from '@modrinth/assets'
-import { computed, ref, useTemplateRef } from 'vue'
+import { AffiliateIcon, PlusIcon, SpinnerIcon, UserIcon, XIcon } from '@modrinth/assets';
+import { computed, ref, useTemplateRef } from 'vue';
 
-import { defineMessages, useVIntl } from '../../utils/i18n'
-import { AutoBrandIcon, Button, ButtonStyled, NewModal } from '../index.ts'
+import { defineMessages, useVIntl } from '../../utils/i18n';
+import { AutoBrandIcon, Button, ButtonStyl } from /../composables / i18n.tsrom;
+'../index.ts'
 export type CreateAffiliateProps = { sourceName: string; username?: string }
 
 const props = withDefaults(
diff --git a/packages/ui/src/components/base/Badge.vue b/packages/ui/src/components/base/Badge.vue
index 3b860fff9d..b5a9a970c3 100644
--- a/packages/ui/src/components/base/Badge.vue
+++ b/packages/ui/src/components/base/Badge.vue
@@ -102,7 +102,7 @@ import {
 import { capitalizeString } from '@modrinth/utils'
 
 import { defineMessages, useVIntl } from '../../utils/i18n'
-
+../../composables/i18n
 const messages = defineMessages({
 	acceptedLabel: {
 		id: 'omorphia.component.badge.label.accepted',
diff --git a/packages/ui/src/components/base/CopyCode.vue b/packages/ui/src/components/base/CopyCode.vue
index bd8f09325e..f046b5f12c 100644
--- a/packages/ui/src/components/base/CopyCode.vue
+++ b/packages/ui/src/components/base/CopyCode.vue
@@ -10,7 +10,7 @@
 import { CheckIcon, ClipboardCopyIcon } from '@modrinth/assets'
 import { ref } from 'vue'
 
-import { defineMessage, useVIntl } from '../../utils/i18n'
+import { defineMessage, useVIntl } from '../../composables/i18n'
 
 const copiedMessage = defineMessage({
 	id: 'omorphia.component.copy.action.copy',
diff --git a/packages/ui/src/components/base/EnvironmentIndicator.vue b/packages/ui/src/components/base/EnvironmentIndicator.vue
index a85bfda5e2..7010f67c89 100644
--- a/packages/ui/src/components/base/EnvironmentIndicator.vue
+++ b/packages/ui/src/components/base/EnvironmentIndicator.vue
@@ -51,7 +51,7 @@
 import { ClientIcon, GlobeIcon, InfoIcon, ServerIcon } from '@modrinth/assets'
 
 import { defineMessages, useVIntl } from '../../utils/i18n'
-
+../../composables/i18n
 const messages = defineMessages({
 	clientLabel: {
 		id: 'omorphia.component.environment-indicator.label.client',
diff --git a/packages/ui/src/components/base/FilterBar.vue b/packages/ui/src/components/base/FilterBar.vue
index 87ca3524dc..067471e11a 100644
--- a/packages/ui/src/components/base/FilterBar.vue
+++ b/packages/ui/src/components/base/FilterBar.vue
@@ -20,7 +20,7 @@ import { FilterIcon } from '@modrinth/assets'
 import { watch } from 'vue'
 
 import { type MessageDescriptor, useVIntl } from '../../utils/i18n'
-
+../../composables/i18n
 const { formatMessage } = useVIntl()
 
 export type FilterBarOption = {
diff --git a/packages/ui/src/components/base/IconSelect.vue b/packages/ui/src/components/base/IconSelect.vue
index 66718dd9ca..7dee00fc5a 100644
--- a/packages/ui/src/components/base/IconSelect.vue
+++ b/packages/ui/src/components/base/IconSelect.vue
@@ -2,7 +2,7 @@
 import { EditIcon, TrashIcon, UploadIcon } from '@modrinth/assets'
 
 import { defineMessages, useVIntl } from '../../utils/i18n'
-import { Avatar, OverflowMenu } from '../index'
+import { Avatar, OverflowMenu } from '../i../../composables/i18n'
 
 const { formatMessage } = useVIntl()
 
diff --git a/packages/ui/src/components/base/IntlFormatted.vue b/packages/ui/src/components/base/IntlFormatted.vue
index 7eadc7f716..755cc59b82 100644
--- a/packages/ui/src/components/base/IntlFormatted.vue
+++ b/packages/ui/src/components/base/IntlFormatted.vue
@@ -3,7 +3,7 @@ import IntlMessageFormat, { type FormatXMLElementFn, type PrimitiveType } from '
 import { computed, useSlots, type VNode } from 'vue'
 import { useI18n } from 'vue-i18n'
 
-import type { MessageDescriptor } from '../../utils/i18n'
+import type { MessageDescriptor } from '../../composables/i18n'
 
 const props = defineProps<{
 	messageId: MessageDescriptor
diff --git a/packages/ui/src/components/base/ServerNotice.vue b/packages/ui/src/components/base/ServerNotice.vue
index fc7dc759e8..3b6be46411 100644
--- a/packages/ui/src/components/base/ServerNotice.vue
+++ b/packages/ui/src/components/base/ServerNotice.vue
@@ -40,6 +40,7 @@ import { defineMessages, type MessageDescriptor, useVIntl } from '../../utils/i1
 import Admonition from './Admonition.vue'
 import ButtonStyled from './ButtonStyled.vue'
 import CopyCode from './CopyCode.vue'
+../../composables/i18n
 
 const { formatMessage } = useVIntl()
 const emit = defineEmits<{
diff --git a/packages/ui/src/components/base/SettingsLabel.vue b/packages/ui/src/components/base/SettingsLabel.vue
index 587c40d804..2ed318cbfe 100644
--- a/packages/ui/src/components/base/SettingsLabel.vue
+++ b/packages/ui/src/components/base/SettingsLabel.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-
-import type { MessageDescriptor } from '../../utils/i18n'
-import { useVIntl } from '../../utils/i18n'
+import { computed } from 'vue';
 
+import { useVIntl } from "../../utils/i1../../composables/i18n";
+import type { MessageDescriptor } from '../../utils/i18n';
+../../composables/i18n
 const { formatMessage } = useVIntl()
 
 const props = withDefaults(
diff --git a/packages/ui/src/components/base/UnsavedChangesPopup.vue b/packages/ui/src/components/base/UnsavedChangesPopup.vue
index 6ee643e0d6..6b7bf2a9f4 100644
--- a/packages/ui/src/components/base/UnsavedChangesPopup.vue
+++ b/packages/ui/src/components/base/UnsavedChangesPopup.vue
@@ -5,6 +5,7 @@ import { type Component, computed } from 'vue'
 import { commonMessages } from '../../utils'
 import { defineMessage, type MessageDescriptor, useVIntl } from '../../utils/i18n'
 import ButtonStyled from './ButtonStyled.vue'
+../../composables/i18n
 
 const { formatMessage } = useVIntl()
 
diff --git a/packages/ui/src/components/billing/AddPaymentMethodModal.vue b/packages/ui/src/components/billing/AddPaymentMethodModal.vue
index 8a9fe0ad74..0689800607 100644
--- a/packages/ui/src/components/billing/AddPaymentMethodModal.vue
+++ b/packages/ui/src/components/billing/AddPaymentMethodModal.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { PlusIcon, XIcon } from '@modrinth/assets'
 
+import { ButtonStyled, NewModal } from '..../../composables/i18n'
 import { commonMessages } from '../../utils'
 import { defineMessages, useVIntl } from '../../utils/i18n'
-import { ButtonStyled, NewModal } from '../index'
 import type { AddPaymentMethodProps } from './AddPaymentMethod.vue'
 import AddPaymentMethod from './AddPaymentMethod.vue'
 
diff --git a/packages/ui/src/components/billing/ExpandableInvoiceTotal.vue b/packages/ui/src/components/billing/ExpandableInvoiceTotal.vue
index dd94cfc252..df25b8b29f 100644
--- a/packages/ui/src/components/billing/ExpandableInvoiceTotal.vue
+++ b/packages/ui/src/components/billing/ExpandableInvoiceTotal.vue
@@ -3,8 +3,8 @@ import { SpinnerIcon } from '@modrinth/assets'
 import { formatPrice } from '@modrinth/utils'
 import { computed } from 'vue'
 
+import Accordion from '../../../composables/i18nue'
 import { useVIntl } from '../../utils/i18n'
-import Accordion from '../base/Accordion.vue'
 
 const { locale } = useVIntl()
 
diff --git a/packages/ui/src/components/billing/FormattedPaymentMethod.vue b/packages/ui/src/components/billing/FormattedPaymentMethod.vue
index ec29c04ff0..fe5eeff86f 100644
--- a/packages/ui/src/components/billing/FormattedPaymentMethod.vue
+++ b/packages/ui/src/components/billing/FormattedPaymentMethod.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type Stripe from 'stripe'
-
-import { commonMessages, getPaymentMethodIcon, paymentMethodMessages } from '../../utils'
-import { useVIntl } from '../../utils/i18n'
+import type Stripe from 'stripe';
 
+import { commonMessages, getPaymentMethodIcon, paymentMethodMessages } from '../../utils';
+import { useVIntl } from '../../utils/i18n';
+../../composables/i18n
 const { formatMessage } = useVIntl()
 defineProps<{
 	method: Stripe.PaymentMethod
diff --git a/packages/ui/src/components/billing/ModalBasedServerPlan.vue b/packages/ui/src/components/billing/ModalBasedServerPlan.vue
index 02a6731e1e..417ba7255f 100644
--- a/packages/ui/src/components/billing/ModalBasedServerPlan.vue
+++ b/packages/ui/src/components/billing/ModalBasedServerPlan.vue
@@ -5,7 +5,7 @@ import { formatPrice } from '@modrinth/utils'
 import { Menu } from 'floating-vue'
 import { computed, inject, type Ref } from 'vue'
 
-import { type MessageDescriptor, useVIntl } from '../../utils/i18n'
+import { type MessageDescriptor, useVIntl } from '../../composables/i18n'
 import { getPriceForInterval, monthsInInterval } from '../../utils/product-utils'
 import type { ServerBillingInterval } from './ModrinthServersPurchaseModal.vue'
 import ServersSpecs from './ServersSpecs.vue'
diff --git a/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue b/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue
index 66d8c0fdb7..0c4be00edb 100644
--- a/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue
+++ b/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue
@@ -21,6 +21,7 @@ import PlanSelector from './ServersPurchase0Plan.vue'
 import RegionSelector from './ServersPurchase1Region.vue'
 import PaymentMethodSelector from './ServersPurchase2PaymentMethod.vue'
 import ConfirmPurchase from './ServersPurchase3Review.vue'
+../../composables/i18n
 
 const { formatMessage } = useVIntl()
 
diff --git a/packages/ui/src/components/billing/PurchaseModal.vue b/packages/ui/src/components/billing/PurchaseModal.vue
index 7f1f882dc0..c9de4ead89 100644
--- a/packages/ui/src/components/billing/PurchaseModal.vue
+++ b/packages/ui/src/components/billing/PurchaseModal.vue
@@ -547,7 +547,7 @@ import { computed, nextTick, reactive, ref, watch } from 'vue'
 import { Multiselect } from 'vue-multiselect'
 
 import { defineMessages, useVIntl } from '../../utils/i18n'
-import Admonition from '../base/Admonition.vue'
+import Admonition from '../base/Admonition../../composables/i18n'
 import Checkbox from '../base/Checkbox.vue'
 import Slider from '../base/Slider.vue'
 import AnimatedLogo from '../brand/AnimatedLogo.vue'
diff --git a/packages/ui/src/components/billing/ServersPurchase0Plan.vue b/packages/ui/src/components/billing/ServersPurchase0Plan.vue
index ba5a2b4cab..3e546cf8ba 100644
--- a/packages/ui/src/components/billing/ServersPurchase0Plan.vue
+++ b/packages/ui/src/components/billing/ServersPurchase0Plan.vue
@@ -4,10 +4,11 @@ import { formatPrice } from '@modrinth/utils'
 import { computed, provide } from 'vue'
 
 import { defineMessages, useVIntl } from '../../utils/i18n'
-import { getPriceForInterval, monthsInInterval } from '../../utils/product-utils'
 import OptionGroup from '../base/OptionGroup.vue'
 import ModalBasedServerPlan from './ModalBasedServerPlan.vue'
 import type { ServerBillingInterval } from './ModrinthServersPurchaseModal.vue'
+import { getPriceForInterval, monthsInInte } from /../composables / i18n../ utils / product - utils
+'
 
 const { formatMessage, locale } = useVIntl()
 
diff --git a/packages/ui/src/components/billing/ServersPurchase1Region.vue b/packages/ui/src/components/billing/ServersPurchase1Region.vue
index d2feb88f5e..d8b3853108 100644
--- a/packages/ui/src/components/billing/ServersPurchase1Region.vue
+++ b/packages/ui/src/components/billing/ServersPurchase1Region.vue
@@ -5,7 +5,6 @@ import { computed, onMounted, ref, watch } from 'vue'
 
 import { formatPrice } from '../../../../utils'
 import { defineMessages, useVIntl } from '../../utils/i18n'
-import { getPriceForInterval, monthsInInterval } from '../../utils/product-utils.ts'
 import { regionOverrides } from '../../utils/regions.ts'
 import IntlFormatted from '../base/IntlFormatted.vue'
 import Slider from '../base/Slider.vue'
@@ -13,6 +12,8 @@ import ModalLoadingIndicator from '../modal/ModalLoadingIndicator.vue'
 import type { RegionPing, ServerBillingInterval } from './ModrinthServersPurchaseModal.vue'
 import ServersRegionButton from './ServersRegionButton.vue'
 import ServersSpecs from './ServersSpecs.vue'
+import { getPriceForInterval, monthsInInte } from /../composables / i18n.ts../ utils / product - utils.ts
+'
 
 const { formatMessage, locale } = useVIntl()
 
diff --git a/packages/ui/src/components/billing/ServersPurchase2PaymentMethod.vue b/packages/ui/src/components/billing/ServersPurchase2PaymentMethod.vue
index a1785bf3da..a972c3250d 100644
--- a/packages/ui/src/components/billing/ServersPurchase2PaymentMethod.vue
+++ b/packages/ui/src/components/billing/ServersPurchase2PaymentMethod.vue
@@ -2,7 +2,7 @@
 import type Stripe from 'stripe'
 
 import { defineMessages, useVIntl } from '../../utils/i18n'
-import PaymentMethodOption from './PaymentMethodOption.vue'
+import PaymentMethodOption from './Payment../../composables/i18n'
 
 const { formatMessage } = useVIntl()
 
diff --git a/packages/ui/src/components/billing/ServersPurchase3Review.vue b/packages/ui/src/components/billing/ServersPurchase3Review.vue
index d5a0cdcc6c..11c9a06b90 100644
--- a/packages/ui/src/components/billing/ServersPurchase3Review.vue
+++ b/packages/ui/src/components/billing/ServersPurchase3Review.vue
@@ -16,7 +16,6 @@ import type Stripe from 'stripe'
 import { computed } from 'vue'
 
 import { useVIntl } from '../../utils/i18n'
-import { getPriceForInterval, monthsInInterval } from '../../utils/product-utils'
 import { regionOverrides } from '../../utils/regions'
 import ButtonStyled from '../base/ButtonStyled.vue'
 import Checkbox from '../base/Checkbox.vue'
@@ -26,6 +25,8 @@ import ExpandableInvoiceTotal from './ExpandableInvoiceTotal.vue'
 import FormattedPaymentMethod from './FormattedPaymentMethod.vue'
 import type { ServerBillingInterval } from './ModrinthServersPurchaseModal.vue'
 import ServersSpecs from './ServersSpecs.vue'
+import { getPriceForInterv } from /../composables / i18nrval
+} from '../../utils/product-utils'
 
 const vintl = useVIntl()
 const { locale, formatMessage } = vintl
diff --git a/packages/ui/src/components/billing/ServersRegionButton.vue b/packages/ui/src/components/billing/ServersRegionButton.vue
index 4fc2ec06ce..e1ab992489 100644
--- a/packages/ui/src/components/billing/ServersRegionButton.vue
+++ b/packages/ui/src/components/billing/ServersRegionButton.vue
@@ -5,7 +5,8 @@ import { getPingLevel } from '@modrinth/utils'
 import { computed } from 'vue'
 
 import { useVIntl } from '../../utils/i18n'
-import { regionOverrides } from '../../utils/regions'
+import { regionOverrides } from../../ composables / i18nls / regions
+'
 
 const { formatMessage } = useVIntl()
 
diff --git a/packages/ui/src/components/changelog/ChangelogEntry.vue b/packages/ui/src/components/changelog/ChangelogEntry.vue
index eb01770ee0..fd0ce92871 100644
--- a/packages/ui/src/components/changelog/ChangelogEntry.vue
+++ b/packages/ui/src/components/changelog/ChangelogEntry.vue
@@ -49,7 +49,7 @@ import { computed, ref } from 'vue'
 
 import { useRelativeTime } from '../../composables'
 import { defineMessages, useVIntl } from '../../utils/i18n'
-import AutoLink from '../base/AutoLink.vue'
+import AutoLink from '../base/AutoLink.vue../../composables/i18n'
 
 const { formatMessage } = useVIntl()
 const formatRelativeTime = useRelativeTime()
diff --git a/packages/ui/src/components/modal/TabbedModal.vue b/packages/ui/src/components/modal/TabbedModal.vue
index 9015d4c33f..5332c012bd 100644
--- a/packages/ui/src/components/modal/TabbedModal.vue
+++ b/packages/ui/src/components/modal/TabbedModal.vue
@@ -2,7 +2,7 @@
 import { type Component, ref } from 'vue'
 
 import { type MessageDescriptor, useVIntl } from '../../utils/i18n'
-
+../../composables/i18n
 const { formatMessage } = useVIntl()
 
 export type Tab<Props> = {
diff --git a/packages/ui/src/components/project/ProjectPageVersions.vue b/packages/ui/src/components/project/ProjectPageVersions.vue
index 75e4c98685..a08707e810 100644
--- a/packages/ui/src/components/project/ProjectPageVersions.vue
+++ b/packages/ui/src/components/project/ProjectPageVersions.vue
@@ -212,7 +212,7 @@ import { useRoute, useRouter } from 'vue-router'
 import { useRelativeTime } from '../../composables'
 import { commonMessages } from '../../utils/common-messages'
 import { useVIntl } from '../../utils/i18n'
-import AutoLink from '../base/AutoLink.vue'
+import AutoLink from '../b../../composables/i18n'
 import TagItem from '../base/TagItem.vue'
 import { Pagination, VersionChannelIndicator, VersionFilterControl } from '../index'
 
diff --git a/packages/ui/src/components/project/ProjectSidebarCompatibility.vue b/packages/ui/src/components/project/ProjectSidebarCompatibility.vue
index a33e634376..e02ab7b445 100644
--- a/packages/ui/src/components/project/ProjectSidebarCompatibility.vue
+++ b/packages/ui/src/components/project/ProjectSidebarCompatibility.vue
@@ -92,6 +92,7 @@ import { useRouter } from 'vue-router'
 
 import { defineMessage, defineMessages, type MessageDescriptor, useVIntl } from '../../utils/i18n'
 import TagItem from '../base/TagItem.vue'
+../../composables/i18n
 
 const { formatMessage } = useVIntl()
 const router = useRouter()
diff --git a/packages/ui/src/components/project/ProjectSidebarCreators.vue b/packages/ui/src/components/project/ProjectSidebarCreators.vue
index d1d7875040..6bb745a82e 100644
--- a/packages/ui/src/components/project/ProjectSidebarCreators.vue
+++ b/packages/ui/src/components/project/ProjectSidebarCreators.vue
@@ -51,7 +51,7 @@ import { CrownIcon, ExternalIcon, OrganizationIcon } from '@modrinth/assets'
 import { computed } from 'vue'
 
 import { defineMessages, useVIntl } from '../../utils/i18n'
-import AutoLink from '../base/AutoLink.vue'
+import AutoLink from '../base/AutoLink.vue../../composables/i18n'
 import Avatar from '../base/Avatar.vue'
 
 const { formatMessage } = useVIntl()
diff --git a/packages/ui/src/components/project/ProjectSidebarDetails.vue b/packages/ui/src/components/project/ProjectSidebarDetails.vue
index a6586ec526..b39e3a56c9 100644
--- a/packages/ui/src/components/project/ProjectSidebarDetails.vue
+++ b/packages/ui/src/components/project/ProjectSidebarDetails.vue
@@ -70,7 +70,7 @@ import { computed } from 'vue'
 
 import { useRelativeTime } from '../../composables'
 import { defineMessages, useVIntl } from '../../utils/i18n'
-
+../../composables/i18n
 const { formatMessage } = useVIntl()
 const formatRelativeTime = useRelativeTime()
 
diff --git a/packages/ui/src/components/project/ProjectSidebarLinks.vue b/packages/ui/src/components/project/ProjectSidebarLinks.vue
index f4c0f18d9b..81b0412485 100644
--- a/packages/ui/src/components/project/ProjectSidebarLinks.vue
+++ b/packages/ui/src/components/project/ProjectSidebarLinks.vue
@@ -101,10 +101,10 @@ import {
 	PatreonIcon,
 	PayPalIcon,
 	WikiIcon,
-} from '@modrinth/assets'
-
-import { defineMessages, useVIntl } from '../../utils/i18n'
+} from '@modrinth/assets';
 
+import { defineMessages, useVIntl } from '../../utils/i18n';
+../../composables/i18n
 const { formatMessage } = useVIntl()
 
 defineProps<{
diff --git a/packages/ui/src/components/project/ProjectStatusBadge.vue b/packages/ui/src/components/project/ProjectStatusBadge.vue
index 97475fc17e..1b8294d170 100644
--- a/packages/ui/src/components/project/ProjectStatusBadge.vue
+++ b/packages/ui/src/components/project/ProjectStatusBadge.vue
@@ -9,6 +9,7 @@ import { computed } from 'vue'
 import { PROJECT_STATUS_ICONS } from '../../utils'
 import { defineMessage, type MessageDescriptor, useVIntl } from '../../utils/i18n'
 import Badge from '../base/SimpleBadge.vue'
+../../composables/i18n
 
 const props = defineProps<{
 	status: ProjectStatus
diff --git a/packages/ui/src/components/project/settings/environment/ProjectSettingsEnvSelector.vue b/packages/ui/src/components/project/settings/environment/ProjectSettingsEnvSelector.vue
index e0e9b92d8f..88f3c8fc04 100644
--- a/packages/ui/src/components/project/settings/environment/ProjectSettingsEnvSelector.vue
+++ b/packages/ui/src/components/project/settings/environment/ProjectSettingsEnvSelector.vue
@@ -5,6 +5,7 @@ import { computed, ref, watch } from 'vue'
 import { commonProjectSettingsMessages } from '../../../../utils'
 import { defineMessage, type MessageDescriptor, useVIntl } from '../../../../utils/i18n'
 import LargeRadioButton from '../../../base/LargeRadioButton.vue'
+../../../../composables/i18n
 
 const { formatMessage } = useVIntl()
 
diff --git a/packages/ui/src/components/search/SearchFilterControl.vue b/packages/ui/src/components/search/SearchFilterControl.vue
index 1e17f39e31..d7cedae1c5 100644
--- a/packages/ui/src/components/search/SearchFilterControl.vue
+++ b/packages/ui/src/components/search/SearchFilterControl.vue
@@ -35,8 +35,8 @@
 import { BanIcon, LockIcon, XCircleIcon, XIcon } from '@modrinth/assets'
 import { computed, type ComputedRef } from 'vue'
 
+import type { FilterOption, FilterType, FilterValue } from '../..../../composables/i18n'
 import { defineMessage, type MessageDescriptor, useVIntl } from '../../utils/i18n'
-import type { FilterOption, FilterType, FilterValue } from '../../utils/search'
 import TagItem from '../base/TagItem.vue'
 
 const { formatMessage } = useVIntl()
diff --git a/packages/ui/src/components/search/SearchSidebarFilter.vue b/packages/ui/src/components/search/SearchSidebarFilter.vue
index 4608f9f8f1..4c3ffe2272 100644
--- a/packages/ui/src/components/search/SearchSidebarFilter.vue
+++ b/packages/ui/src/components/search/SearchSidebarFilter.vue
@@ -160,11 +160,12 @@ import {
 import { computed, ref } from 'vue'
 
 import { defineMessages, useVIntl } from '../../utils/i18n'
-import type { FilterOption, FilterType, FilterValue } from '../../utils/search'
 import Accordion from '../base/Accordion.vue'
 import ButtonStyled from '../base/ButtonStyled.vue'
 import { Button, Checkbox, ScrollablePanel } from '../index'
 import SearchFilterOption from './SearchFilterOption.vue'
+import type { FilterOption, FilterType, Fi } from /../composables / i18n
+'../../utils/search'
 
 const { formatMessage } = useVIntl()
 
diff --git a/packages/ui/src/components/servers/backups/BackupItem.vue b/packages/ui/src/components/servers/backups/BackupItem.vue
index 0e305ad54c..851d5c1f9e 100644
--- a/packages/ui/src/components/servers/backups/BackupItem.vue
+++ b/packages/ui/src/components/servers/backups/BackupItem.vue
@@ -18,7 +18,7 @@ import { computed } from 'vue'
 
 import { commonMessages } from '../../../utils'
 import { defineMessages, useVIntl } from '../../../utils/i18n'
-import ButtonStyled from '../../base/ButtonStyled.vue'
+import ButtonStyled from '../../base/Butto../../../composables/i18n'
 import OverflowMenu, { type Option as OverflowOption } from '../../base/OverflowMenu.vue'
 import ProgressBar from '../../base/ProgressBar.vue'
 
diff --git a/packages/ui/src/components/settings/ThemeSelector.vue b/packages/ui/src/components/settings/ThemeSelector.vue
index b3f48b59b4..fc6b805eb3 100644
--- a/packages/ui/src/components/settings/ThemeSelector.vue
+++ b/packages/ui/src/components/settings/ThemeSelector.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts" generic="T extends string">
-import { MoonIcon, RadioButtonCheckedIcon, RadioButtonIcon, SunIcon } from '@modrinth/assets'
-
-import { defineMessages, useVIntl } from '../../utils/i18n'
+import { MoonIcon, RadioButtonCheckedIcon, RadioButtonIcon, SunIcon } from '@modrinth/assets';
 
+import { defineMessages, useVIntl } from '../../utils/i18n';
+../../composables/i18n
 const { formatMessage } = useVIntl()
 
 const { updateColorTheme, currentTheme, themeOptions, systemThemeColor } = defineProps<{
diff --git a/packages/ui/src/components/version/VersionChannelIndicator.vue b/packages/ui/src/components/version/VersionChannelIndicator.vue
index dd42a7c9f3..c1d6718664 100644
--- a/packages/ui/src/components/version/VersionChannelIndicator.vue
+++ b/packages/ui/src/components/version/VersionChannelIndicator.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { VersionChannel } from '@modrinth/utils'
-
-import { defineMessages, useVIntl } from '../../utils/i18n'
+import type { VersionChannel } from '@modrinth/utils';
 
+import { defineMessages, useVIntl } from '../../utils/i18n';
+../../composables/i18n
 const { formatMessage } = useVIntl()
 
 withDefaults(
diff --git a/packages/ui/src/utils/i18n.ts b/packages/ui/src/composables/i18n.ts
similarity index 99%
rename from packages/ui/src/utils/i18n.ts
rename to packages/ui/src/composables/i18n.ts
index 09afffce07..7b333d918a 100644
--- a/packages/ui/src/utils/i18n.ts
+++ b/packages/ui/src/composables/i18n.ts
@@ -54,7 +54,7 @@ export const LOCALES: LocaleDefinition[] = [
 	// { code: 'fa-IR', name: 'فارسی', dir: 'rtl' },
 	// { code: 'fi-FI', name: 'Suomi' },
 	// { code: 'fil-PH', name: 'Filipino' },
-	// { code: 'fr-FR', name: 'Français' },
+	{ code: 'fr-FR', name: 'Français' },
 	// { code: 'he-IL', name: 'עברית', dir: 'rtl' },
 	// { code: 'hi-IN', name: 'हिन्दी' },
 	// { code: 'hr-HR', name: 'Hrvatski' },
diff --git a/packages/ui/src/composables/index.ts b/packages/ui/src/composables/index.ts
index 8fbc99e17c..0336fd3405 100644
--- a/packages/ui/src/composables/index.ts
+++ b/packages/ui/src/composables/index.ts
@@ -1,4 +1,5 @@
 export * from './debug-logger'
 export * from './dynamic-font-size'
 export * from './how-ago'
+export * from './i18n'
 export * from './scroll-indicator'
diff --git a/packages/ui/src/utils/common-messages.ts b/packages/ui/src/utils/common-messages.ts
index 306d3a9ce2..9d691cd3b5 100644
--- a/packages/ui/src/utils/common-messages.ts
+++ b/packages/ui/src/utils/common-messages.ts
@@ -1,4 +1,4 @@
-import { defineMessages } from './i18n'
+import { defineMessages } from '../composables/i18n'
 
 export const commonMessages = defineMessages({
 	affiliateLinksButton: {
diff --git a/packages/ui/src/utils/game-modes.ts b/packages/ui/src/utils/game-modes.ts
index f11bebb5d0..3beea639a2 100644
--- a/packages/ui/src/utils/game-modes.ts
+++ b/packages/ui/src/utils/game-modes.ts
@@ -1,6 +1,6 @@
 import { BlocksIcon, CompassIcon, EyeIcon, PickaxeIcon, UnknownIcon } from '@modrinth/assets'
 
-import { defineMessage } from './i18n'
+import { defineMessage } from '../composables/i18n'
 
 export const GAME_MODES = {
 	survival: {
diff --git a/packages/ui/src/utils/index.ts b/packages/ui/src/utils/index.ts
index 18ddd0fdd9..6d77f1b6aa 100644
--- a/packages/ui/src/utils/index.ts
+++ b/packages/ui/src/utils/index.ts
@@ -1,7 +1,6 @@
 export * from './auto-icons'
 export * from './common-messages'
 export * from './game-modes'
-export * from './i18n'
 export * from './notices'
 export * from './savable'
 export * from './search'
diff --git a/packages/ui/src/utils/notices.ts b/packages/ui/src/utils/notices.ts
index f13ebf8733..47ee53a5ff 100644
--- a/packages/ui/src/utils/notices.ts
+++ b/packages/ui/src/utils/notices.ts
@@ -1,4 +1,4 @@
-import { defineMessage, type MessageDescriptor } from './i18n'
+import { defineMessage, type MessageDescriptor } from '../composables/i18n'
 
 export const NOTICE_LEVELS: Record<
 	string,
diff --git a/packages/ui/src/utils/regions.ts b/packages/ui/src/utils/regions.ts
index 6a14e81556..35edfd1980 100644
--- a/packages/ui/src/utils/regions.ts
+++ b/packages/ui/src/utils/regions.ts
@@ -1,4 +1,4 @@
-import { defineMessage, type MessageDescriptor } from './i18n'
+import { defineMessage, type MessageDescriptor } from '../composables/i18n'
 
 export const regionOverrides = {
 	'us-vin': {
diff --git a/packages/ui/src/utils/search.ts b/packages/ui/src/utils/search.ts
index 97f21f32a9..edfd73248f 100644
--- a/packages/ui/src/utils/search.ts
+++ b/packages/ui/src/utils/search.ts
@@ -4,7 +4,7 @@ import { formatCategory, formatCategoryHeader, sortByNameOrNumber } from '@modri
 import { type Component, computed, readonly, type Ref, ref } from 'vue'
 import { type LocationQueryRaw, type LocationQueryValue, useRoute } from 'vue-router'
 
-import { defineMessage, useVIntl } from './i18n'
+import { defineMessage, useVIntl } from '../composables/i18n'
 
 type BaseOption = {
 	id: string

From 1526c951bec3735a6e8b0e16cd5d1b361bd709fe Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Fri, 26 Dec 2025 20:18:10 +0000
Subject: [PATCH 09/10] fix: ui imports

---
 apps/frontend/nuxt.config.ts                             | 2 +-
 packages/moderation/src/data/nags/core.ts                | 2 +-
 packages/moderation/src/data/nags/description.ts         | 2 +-
 packages/moderation/src/data/nags/links.ts               | 2 +-
 packages/moderation/src/data/nags/tags.ts                | 2 +-
 packages/moderation/src/types/nags.ts                    | 2 +-
 .../ui/src/components/affiliate/AffiliateLinkCard.vue    | 9 ++++-----
 .../components/affiliate/AffiliateLinkCreateModal.vue    | 9 ++++-----
 packages/ui/src/components/base/Badge.vue                | 4 ++--
 packages/ui/src/components/base/EnvironmentIndicator.vue | 4 ++--
 packages/ui/src/components/base/FilterBar.vue            | 4 ++--
 packages/ui/src/components/base/IconSelect.vue           | 4 ++--
 packages/ui/src/components/base/OptionGroup.vue          | 2 +-
 packages/ui/src/components/base/ServerNotice.vue         | 3 +--
 packages/ui/src/components/base/SettingsLabel.vue        | 8 ++++----
 packages/ui/src/components/base/UnsavedChangesPopup.vue  | 3 +--
 .../ui/src/components/billing/AddPaymentMethodModal.vue  | 5 +++--
 .../ui/src/components/billing/ExpandableInvoiceTotal.vue | 4 ++--
 .../ui/src/components/billing/FormattedPaymentMethod.vue | 8 ++++----
 .../components/billing/ModrinthServersPurchaseModal.vue  | 3 +--
 packages/ui/src/components/billing/PurchaseModal.vue     | 4 ++--
 .../ui/src/components/billing/ServersPurchase0Plan.vue   | 5 ++---
 .../ui/src/components/billing/ServersPurchase1Region.vue | 5 ++---
 .../components/billing/ServersPurchase2PaymentMethod.vue | 4 ++--
 .../ui/src/components/billing/ServersPurchase3Review.vue | 5 ++---
 .../ui/src/components/billing/ServersRegionButton.vue    | 6 ++----
 packages/ui/src/components/changelog/ChangelogEntry.vue  | 4 ++--
 packages/ui/src/components/modal/TabbedModal.vue         | 4 ++--
 .../ui/src/components/project/ProjectPageVersions.vue    | 4 ++--
 .../components/project/ProjectSidebarCompatibility.vue   | 8 ++++++--
 .../ui/src/components/project/ProjectSidebarCreators.vue | 4 ++--
 .../ui/src/components/project/ProjectSidebarDetails.vue  | 4 ++--
 .../ui/src/components/project/ProjectSidebarLinks.vue    | 6 +++---
 .../ui/src/components/project/ProjectStatusBadge.vue     | 3 +--
 .../settings/environment/ProjectSettingsEnvSelector.vue  | 3 +--
 .../ui/src/components/search/SearchFilterControl.vue     | 4 ++--
 .../ui/src/components/search/SearchSidebarFilter.vue     | 5 ++---
 .../ui/src/components/servers/backups/BackupItem.vue     | 4 ++--
 packages/ui/src/components/settings/ThemeSelector.vue    | 5 ++---
 .../src/components/version/VersionChannelIndicator.vue   | 6 +++---
 packages/ui/src/components/version/VersionSummary.vue    | 1 +
 41 files changed, 84 insertions(+), 92 deletions(-)

diff --git a/apps/frontend/nuxt.config.ts b/apps/frontend/nuxt.config.ts
index c166ca6787..472f5bb6f9 100644
--- a/apps/frontend/nuxt.config.ts
+++ b/apps/frontend/nuxt.config.ts
@@ -1,6 +1,6 @@
 import { GenericModrinthClient, type Labrinth } from '@modrinth/api-client'
 // Import directly from utils to avoid loading .vue files at config time
-import { LOCALES } from '@modrinth/ui/src/utils/i18n'
+import { LOCALES } from '@modrinth/ui/src/composables/i18n.ts'
 import serverSidedVue from '@vitejs/plugin-vue'
 import { promises as fs } from 'fs'
 import { defineNuxtConfig } from 'nuxt/config'
diff --git a/packages/moderation/src/data/nags/core.ts b/packages/moderation/src/data/nags/core.ts
index c2bd39aa4b..3814817848 100644
--- a/packages/moderation/src/data/nags/core.ts
+++ b/packages/moderation/src/data/nags/core.ts
@@ -1,4 +1,4 @@
-import { defineMessage, useVIntl } from '@modrinth/ui/src/utils/i18n'
+import { defineMessage, useVIntl } from '@modrinth/ui'
 
 import type { Nag, NagContext } from '../../types/nags'
 
diff --git a/packages/moderation/src/data/nags/description.ts b/packages/moderation/src/data/nags/description.ts
index 78c1bb7d8f..177aa547df 100644
--- a/packages/moderation/src/data/nags/description.ts
+++ b/packages/moderation/src/data/nags/description.ts
@@ -1,4 +1,4 @@
-import { defineMessage, useVIntl } from '@modrinth/ui/src/utils/i18n'
+import { defineMessage, useVIntl } from '@modrinth/ui'
 import { renderHighlightedString } from '@modrinth/utils'
 
 import type { Nag, NagContext } from '../../types/nags'
diff --git a/packages/moderation/src/data/nags/links.ts b/packages/moderation/src/data/nags/links.ts
index ea1b2d78ae..43606cbe7d 100644
--- a/packages/moderation/src/data/nags/links.ts
+++ b/packages/moderation/src/data/nags/links.ts
@@ -1,4 +1,4 @@
-import { defineMessage, useVIntl } from '@modrinth/ui/src/utils/i18n'
+import { defineMessage, useVIntl } from '@modrinth/ui'
 
 import type { Nag, NagContext } from '../../types/nags'
 
diff --git a/packages/moderation/src/data/nags/tags.ts b/packages/moderation/src/data/nags/tags.ts
index f1901a5c97..103869250c 100644
--- a/packages/moderation/src/data/nags/tags.ts
+++ b/packages/moderation/src/data/nags/tags.ts
@@ -1,5 +1,5 @@
 import type { Labrinth } from '@modrinth/api-client'
-import { defineMessage, useVIntl } from '@modrinth/ui/src/utils/i18n'
+import { defineMessage, useVIntl } from '@modrinth/ui'
 
 import type { Nag, NagContext } from '../../types/nags'
 
diff --git a/packages/moderation/src/types/nags.ts b/packages/moderation/src/types/nags.ts
index d768d4e65a..74c124f7c0 100644
--- a/packages/moderation/src/types/nags.ts
+++ b/packages/moderation/src/types/nags.ts
@@ -1,5 +1,5 @@
 import type { Labrinth } from '@modrinth/api-client'
-import type { MessageDescriptor } from '@modrinth/ui/src/utils/i18n'
+import type { MessageDescriptor } from '@modrinth/ui'
 import type { User, Version } from '@modrinth/utils'
 import type { FunctionalComponent, SVGAttributes } from 'vue'
 
diff --git a/packages/ui/src/components/affiliate/AffiliateLinkCard.vue b/packages/ui/src/components/affiliate/AffiliateLinkCard.vue
index da4636872a..f13e3b6902 100644
--- a/packages/ui/src/components/affiliate/AffiliateLinkCard.vue
+++ b/packages/ui/src/components/affiliate/AffiliateLinkCard.vue
@@ -31,12 +31,11 @@
 </template>
 
 <script setup lang="ts">
-import { AffiliateIcon, XCircleIcon } from '@modrinth/assets';
-import type { AffiliateLink } from '@modrinth/utils';
+import { AffiliateIcon, XCircleIcon } from '@modrinth/assets'
+import type { AffiliateLink } from '@modrinth/utils'
 
-import { defineMessages, useVIntl } from '../../utils/i18n';
-import { AutoBrandIcon, ButtonStyled, Copy } from /../composables / i18n.tsindex.ts;
-'
+import { defineMessages, useVIntl } from '../../composables/i18n'
+import { AutoBrandIcon, ButtonStyled, CopyCode } from '../index'
 
 withDefaults(
 	defineProps<{
diff --git a/packages/ui/src/components/affiliate/AffiliateLinkCreateModal.vue b/packages/ui/src/components/affiliate/AffiliateLinkCreateModal.vue
index 27db96c52e..7122d6e9f0 100644
--- a/packages/ui/src/components/affiliate/AffiliateLinkCreateModal.vue
+++ b/packages/ui/src/components/affiliate/AffiliateLinkCreateModal.vue
@@ -63,12 +63,11 @@
 </template>
 <script lang="ts"></script>
 <script setup lang="ts">
-import { AffiliateIcon, PlusIcon, SpinnerIcon, UserIcon, XIcon } from '@modrinth/assets';
-import { computed, ref, useTemplateRef } from 'vue';
+import { AffiliateIcon, PlusIcon, SpinnerIcon, UserIcon, XIcon } from '@modrinth/assets'
+import { computed, ref, useTemplateRef } from 'vue'
 
-import { defineMessages, useVIntl } from '../../utils/i18n';
-import { AutoBrandIcon, Button, ButtonStyl } from /../composables / i18n.tsrom;
-'../index.ts'
+import { defineMessages, useVIntl } from '../../composables/i18n'
+import { AutoBrandIcon, Button, ButtonStyled, NewModal } from '../index'
 export type CreateAffiliateProps = { sourceName: string; username?: string }
 
 const props = withDefaults(
diff --git a/packages/ui/src/components/base/Badge.vue b/packages/ui/src/components/base/Badge.vue
index b5a9a970c3..83a43af509 100644
--- a/packages/ui/src/components/base/Badge.vue
+++ b/packages/ui/src/components/base/Badge.vue
@@ -101,8 +101,8 @@ import {
 } from '@modrinth/assets'
 import { capitalizeString } from '@modrinth/utils'
 
-import { defineMessages, useVIntl } from '../../utils/i18n'
-../../composables/i18n
+import { defineMessages, useVIntl } from '../../composables/i18n'
+
 const messages = defineMessages({
 	acceptedLabel: {
 		id: 'omorphia.component.badge.label.accepted',
diff --git a/packages/ui/src/components/base/EnvironmentIndicator.vue b/packages/ui/src/components/base/EnvironmentIndicator.vue
index 7010f67c89..5b1bcc0fd2 100644
--- a/packages/ui/src/components/base/EnvironmentIndicator.vue
+++ b/packages/ui/src/components/base/EnvironmentIndicator.vue
@@ -50,8 +50,8 @@
 <script setup lang="ts">
 import { ClientIcon, GlobeIcon, InfoIcon, ServerIcon } from '@modrinth/assets'
 
-import { defineMessages, useVIntl } from '../../utils/i18n'
-../../composables/i18n
+import { defineMessages, useVIntl } from '../../composables/i18n'
+
 const messages = defineMessages({
 	clientLabel: {
 		id: 'omorphia.component.environment-indicator.label.client',
diff --git a/packages/ui/src/components/base/FilterBar.vue b/packages/ui/src/components/base/FilterBar.vue
index 067471e11a..13df99f668 100644
--- a/packages/ui/src/components/base/FilterBar.vue
+++ b/packages/ui/src/components/base/FilterBar.vue
@@ -19,8 +19,8 @@
 import { FilterIcon } from '@modrinth/assets'
 import { watch } from 'vue'
 
-import { type MessageDescriptor, useVIntl } from '../../utils/i18n'
-../../composables/i18n
+import { type MessageDescriptor, useVIntl } from '../../composables/i18n'
+
 const { formatMessage } = useVIntl()
 
 export type FilterBarOption = {
diff --git a/packages/ui/src/components/base/IconSelect.vue b/packages/ui/src/components/base/IconSelect.vue
index 7dee00fc5a..61b0231753 100644
--- a/packages/ui/src/components/base/IconSelect.vue
+++ b/packages/ui/src/components/base/IconSelect.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { EditIcon, TrashIcon, UploadIcon } from '@modrinth/assets'
 
-import { defineMessages, useVIntl } from '../../utils/i18n'
-import { Avatar, OverflowMenu } from '../i../../composables/i18n'
+import { defineMessages, useVIntl } from '../../composables/i18n'
+import { Avatar, OverflowMenu } from '../index'
 
 const { formatMessage } = useVIntl()
 
diff --git a/packages/ui/src/components/base/OptionGroup.vue b/packages/ui/src/components/base/OptionGroup.vue
index 556e2cdbb4..d14c4e0a75 100644
--- a/packages/ui/src/components/base/OptionGroup.vue
+++ b/packages/ui/src/components/base/OptionGroup.vue
@@ -31,7 +31,7 @@
 </template>
 
 <script setup lang="ts" generic="T">
-import { computed, onMounted, ref } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue'
 
 const modelValue = defineModel<T>({ required: true })
 
diff --git a/packages/ui/src/components/base/ServerNotice.vue b/packages/ui/src/components/base/ServerNotice.vue
index 3b6be46411..baac106111 100644
--- a/packages/ui/src/components/base/ServerNotice.vue
+++ b/packages/ui/src/components/base/ServerNotice.vue
@@ -36,11 +36,10 @@ import { XIcon } from '@modrinth/assets'
 import { renderString } from '@modrinth/utils'
 import { computed } from 'vue'
 
-import { defineMessages, type MessageDescriptor, useVIntl } from '../../utils/i18n'
+import { defineMessages, type MessageDescriptor, useVIntl } from '../../composables/i18n'
 import Admonition from './Admonition.vue'
 import ButtonStyled from './ButtonStyled.vue'
 import CopyCode from './CopyCode.vue'
-../../composables/i18n
 
 const { formatMessage } = useVIntl()
 const emit = defineEmits<{
diff --git a/packages/ui/src/components/base/SettingsLabel.vue b/packages/ui/src/components/base/SettingsLabel.vue
index 2ed318cbfe..18d90c63c7 100644
--- a/packages/ui/src/components/base/SettingsLabel.vue
+++ b/packages/ui/src/components/base/SettingsLabel.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { computed } from 'vue';
+import { computed } from 'vue'
+
+import type { MessageDescriptor } from '../../composables/i18n'
+import { useVIntl } from '../../composables/i18n'
 
-import { useVIntl } from "../../utils/i1../../composables/i18n";
-import type { MessageDescriptor } from '../../utils/i18n';
-../../composables/i18n
 const { formatMessage } = useVIntl()
 
 const props = withDefaults(
diff --git a/packages/ui/src/components/base/UnsavedChangesPopup.vue b/packages/ui/src/components/base/UnsavedChangesPopup.vue
index 6b7bf2a9f4..57e1780c4e 100644
--- a/packages/ui/src/components/base/UnsavedChangesPopup.vue
+++ b/packages/ui/src/components/base/UnsavedChangesPopup.vue
@@ -2,10 +2,9 @@
 import { HistoryIcon, SaveIcon, SpinnerIcon } from '@modrinth/assets'
 import { type Component, computed } from 'vue'
 
+import { defineMessage, type MessageDescriptor, useVIntl } from '../../composables/i18n'
 import { commonMessages } from '../../utils'
-import { defineMessage, type MessageDescriptor, useVIntl } from '../../utils/i18n'
 import ButtonStyled from './ButtonStyled.vue'
-../../composables/i18n
 
 const { formatMessage } = useVIntl()
 
diff --git a/packages/ui/src/components/billing/AddPaymentMethodModal.vue b/packages/ui/src/components/billing/AddPaymentMethodModal.vue
index 0689800607..9313c2d460 100644
--- a/packages/ui/src/components/billing/AddPaymentMethodModal.vue
+++ b/packages/ui/src/components/billing/AddPaymentMethodModal.vue
@@ -1,9 +1,10 @@
 <script setup lang="ts">
 import { PlusIcon, XIcon } from '@modrinth/assets'
 
-import { ButtonStyled, NewModal } from '..../../composables/i18n'
+import { ButtonStyled, NewModal } from '../index'
+import { defineMessages, useVIntl } from '../../composables/i18n'
+import { ref, nextTick, useTemplateRef } from 'vue'
 import { commonMessages } from '../../utils'
-import { defineMessages, useVIntl } from '../../utils/i18n'
 import type { AddPaymentMethodProps } from './AddPaymentMethod.vue'
 import AddPaymentMethod from './AddPaymentMethod.vue'
 
diff --git a/packages/ui/src/components/billing/ExpandableInvoiceTotal.vue b/packages/ui/src/components/billing/ExpandableInvoiceTotal.vue
index df25b8b29f..b8f1e12d12 100644
--- a/packages/ui/src/components/billing/ExpandableInvoiceTotal.vue
+++ b/packages/ui/src/components/billing/ExpandableInvoiceTotal.vue
@@ -3,8 +3,8 @@ import { SpinnerIcon } from '@modrinth/assets'
 import { formatPrice } from '@modrinth/utils'
 import { computed } from 'vue'
 
-import Accordion from '../../../composables/i18nue'
-import { useVIntl } from '../../utils/i18n'
+import Accordion from '../base/Accordion.vue'
+import { useVIntl } from '../../composables/i18n'
 
 const { locale } = useVIntl()
 
diff --git a/packages/ui/src/components/billing/FormattedPaymentMethod.vue b/packages/ui/src/components/billing/FormattedPaymentMethod.vue
index fe5eeff86f..ea518726a0 100644
--- a/packages/ui/src/components/billing/FormattedPaymentMethod.vue
+++ b/packages/ui/src/components/billing/FormattedPaymentMethod.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type Stripe from 'stripe';
+import type Stripe from 'stripe'
+
+import { useVIntl } from '../../composables/i18n'
+import { commonMessages, getPaymentMethodIcon, paymentMethodMessages } from '../../utils'
 
-import { commonMessages, getPaymentMethodIcon, paymentMethodMessages } from '../../utils';
-import { useVIntl } from '../../utils/i18n';
-../../composables/i18n
 const { formatMessage } = useVIntl()
 defineProps<{
 	method: Stripe.PaymentMethod
diff --git a/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue b/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue
index 0c4be00edb..edfd64ab1d 100644
--- a/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue
+++ b/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue
@@ -11,9 +11,9 @@ import {
 import type Stripe from 'stripe'
 import { computed, nextTick, ref, useTemplateRef, watch } from 'vue'
 
+import { defineMessage, type MessageDescriptor, useVIntl } from '../../composables/i18n'
 import { useStripe } from '../../composables/stripe'
 import { commonMessages } from '../../utils'
-import { defineMessage, type MessageDescriptor, useVIntl } from '../../utils/i18n'
 import { ButtonStyled } from '../index'
 import ModalLoadingIndicator from '../modal/ModalLoadingIndicator.vue'
 import NewModal from '../modal/NewModal.vue'
@@ -21,7 +21,6 @@ import PlanSelector from './ServersPurchase0Plan.vue'
 import RegionSelector from './ServersPurchase1Region.vue'
 import PaymentMethodSelector from './ServersPurchase2PaymentMethod.vue'
 import ConfirmPurchase from './ServersPurchase3Review.vue'
-../../composables/i18n
 
 const { formatMessage } = useVIntl()
 
diff --git a/packages/ui/src/components/billing/PurchaseModal.vue b/packages/ui/src/components/billing/PurchaseModal.vue
index c9de4ead89..1e68eb77ef 100644
--- a/packages/ui/src/components/billing/PurchaseModal.vue
+++ b/packages/ui/src/components/billing/PurchaseModal.vue
@@ -546,8 +546,8 @@ import dayjs from 'dayjs'
 import { computed, nextTick, reactive, ref, watch } from 'vue'
 import { Multiselect } from 'vue-multiselect'
 
-import { defineMessages, useVIntl } from '../../utils/i18n'
-import Admonition from '../base/Admonition../../composables/i18n'
+import { defineMessages, useVIntl } from '../../composables/i18n'
+import Admonition from '../base/Admonition'
 import Checkbox from '../base/Checkbox.vue'
 import Slider from '../base/Slider.vue'
 import AnimatedLogo from '../brand/AnimatedLogo.vue'
diff --git a/packages/ui/src/components/billing/ServersPurchase0Plan.vue b/packages/ui/src/components/billing/ServersPurchase0Plan.vue
index 3e546cf8ba..f96287db3f 100644
--- a/packages/ui/src/components/billing/ServersPurchase0Plan.vue
+++ b/packages/ui/src/components/billing/ServersPurchase0Plan.vue
@@ -3,12 +3,11 @@ import type { Labrinth } from '@modrinth/api-client'
 import { formatPrice } from '@modrinth/utils'
 import { computed, provide } from 'vue'
 
-import { defineMessages, useVIntl } from '../../utils/i18n'
+import { defineMessages, useVIntl } from '../../composables/i18n'
+import { getPriceForInterval, monthsInInterval } from '../../utils/product-utils'
 import OptionGroup from '../base/OptionGroup.vue'
 import ModalBasedServerPlan from './ModalBasedServerPlan.vue'
 import type { ServerBillingInterval } from './ModrinthServersPurchaseModal.vue'
-import { getPriceForInterval, monthsInInte } from /../composables / i18n../ utils / product - utils
-'
 
 const { formatMessage, locale } = useVIntl()
 
diff --git a/packages/ui/src/components/billing/ServersPurchase1Region.vue b/packages/ui/src/components/billing/ServersPurchase1Region.vue
index d8b3853108..f5e54a3389 100644
--- a/packages/ui/src/components/billing/ServersPurchase1Region.vue
+++ b/packages/ui/src/components/billing/ServersPurchase1Region.vue
@@ -4,7 +4,8 @@ import { InfoIcon, SpinnerIcon, XIcon } from '@modrinth/assets'
 import { computed, onMounted, ref, watch } from 'vue'
 
 import { formatPrice } from '../../../../utils'
-import { defineMessages, useVIntl } from '../../utils/i18n'
+import { defineMessages, useVIntl } from '../../composables/i18n'
+import { getPriceForInterval, monthsInInterval } from '../../utils/product-utils.ts'
 import { regionOverrides } from '../../utils/regions.ts'
 import IntlFormatted from '../base/IntlFormatted.vue'
 import Slider from '../base/Slider.vue'
@@ -12,8 +13,6 @@ import ModalLoadingIndicator from '../modal/ModalLoadingIndicator.vue'
 import type { RegionPing, ServerBillingInterval } from './ModrinthServersPurchaseModal.vue'
 import ServersRegionButton from './ServersRegionButton.vue'
 import ServersSpecs from './ServersSpecs.vue'
-import { getPriceForInterval, monthsInInte } from /../composables / i18n.ts../ utils / product - utils.ts
-'
 
 const { formatMessage, locale } = useVIntl()
 
diff --git a/packages/ui/src/components/billing/ServersPurchase2PaymentMethod.vue b/packages/ui/src/components/billing/ServersPurchase2PaymentMethod.vue
index a972c3250d..805ff2c42c 100644
--- a/packages/ui/src/components/billing/ServersPurchase2PaymentMethod.vue
+++ b/packages/ui/src/components/billing/ServersPurchase2PaymentMethod.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type Stripe from 'stripe'
 
-import { defineMessages, useVIntl } from '../../utils/i18n'
-import PaymentMethodOption from './Payment../../composables/i18n'
+import { defineMessages, useVIntl } from '../../composables/i18n'
+import PaymentMethodOption from './PaymentMethodOption.vue'
 
 const { formatMessage } = useVIntl()
 
diff --git a/packages/ui/src/components/billing/ServersPurchase3Review.vue b/packages/ui/src/components/billing/ServersPurchase3Review.vue
index 11c9a06b90..bf556e5472 100644
--- a/packages/ui/src/components/billing/ServersPurchase3Review.vue
+++ b/packages/ui/src/components/billing/ServersPurchase3Review.vue
@@ -15,7 +15,8 @@ import dayjs from 'dayjs'
 import type Stripe from 'stripe'
 import { computed } from 'vue'
 
-import { useVIntl } from '../../utils/i18n'
+import { useVIntl } from '../../composables/i18n'
+import { getPriceForInterval, monthsInInterval } from '../../utils/product-utils'
 import { regionOverrides } from '../../utils/regions'
 import ButtonStyled from '../base/ButtonStyled.vue'
 import Checkbox from '../base/Checkbox.vue'
@@ -25,8 +26,6 @@ import ExpandableInvoiceTotal from './ExpandableInvoiceTotal.vue'
 import FormattedPaymentMethod from './FormattedPaymentMethod.vue'
 import type { ServerBillingInterval } from './ModrinthServersPurchaseModal.vue'
 import ServersSpecs from './ServersSpecs.vue'
-import { getPriceForInterv } from /../composables / i18nrval
-} from '../../utils/product-utils'
 
 const vintl = useVIntl()
 const { locale, formatMessage } = vintl
diff --git a/packages/ui/src/components/billing/ServersRegionButton.vue b/packages/ui/src/components/billing/ServersRegionButton.vue
index e1ab992489..7d44a8e505 100644
--- a/packages/ui/src/components/billing/ServersRegionButton.vue
+++ b/packages/ui/src/components/billing/ServersRegionButton.vue
@@ -4,10 +4,8 @@ import { SignalIcon, SpinnerIcon } from '@modrinth/assets'
 import { getPingLevel } from '@modrinth/utils'
 import { computed } from 'vue'
 
-import { useVIntl } from '../../utils/i18n'
-import { regionOverrides } from../../ composables / i18nls / regions
-'
-
+import { useVIntl } from '../../composables/i18n'
+import { regionOverrides } from '../../utils/regions'
 const { formatMessage } = useVIntl()
 
 const currentRegion = defineModel<string | undefined>({ required: true })
diff --git a/packages/ui/src/components/changelog/ChangelogEntry.vue b/packages/ui/src/components/changelog/ChangelogEntry.vue
index fd0ce92871..82e5b9e939 100644
--- a/packages/ui/src/components/changelog/ChangelogEntry.vue
+++ b/packages/ui/src/components/changelog/ChangelogEntry.vue
@@ -48,8 +48,8 @@ import dayjs from 'dayjs'
 import { computed, ref } from 'vue'
 
 import { useRelativeTime } from '../../composables'
-import { defineMessages, useVIntl } from '../../utils/i18n'
-import AutoLink from '../base/AutoLink.vue../../composables/i18n'
+import { defineMessages, useVIntl } from '../../composables/i18n'
+import AutoLink from '../base/AutoLink.vue'
 
 const { formatMessage } = useVIntl()
 const formatRelativeTime = useRelativeTime()
diff --git a/packages/ui/src/components/modal/TabbedModal.vue b/packages/ui/src/components/modal/TabbedModal.vue
index 5332c012bd..7a989c00e7 100644
--- a/packages/ui/src/components/modal/TabbedModal.vue
+++ b/packages/ui/src/components/modal/TabbedModal.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { type Component, ref } from 'vue'
 
-import { type MessageDescriptor, useVIntl } from '../../utils/i18n'
-../../composables/i18n
+import { type MessageDescriptor, useVIntl } from '../../composables/i18n'
+
 const { formatMessage } = useVIntl()
 
 export type Tab<Props> = {
diff --git a/packages/ui/src/components/project/ProjectPageVersions.vue b/packages/ui/src/components/project/ProjectPageVersions.vue
index a08707e810..3a4c16e62e 100644
--- a/packages/ui/src/components/project/ProjectPageVersions.vue
+++ b/packages/ui/src/components/project/ProjectPageVersions.vue
@@ -210,9 +210,9 @@ import { computed, type Ref, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 
 import { useRelativeTime } from '../../composables'
+import { useVIntl } from '../../composables/i18n'
 import { commonMessages } from '../../utils/common-messages'
-import { useVIntl } from '../../utils/i18n'
-import AutoLink from '../b../../composables/i18n'
+import AutoLink from '../base/AutoLink.vue'
 import TagItem from '../base/TagItem.vue'
 import { Pagination, VersionChannelIndicator, VersionFilterControl } from '../index'
 
diff --git a/packages/ui/src/components/project/ProjectSidebarCompatibility.vue b/packages/ui/src/components/project/ProjectSidebarCompatibility.vue
index e02ab7b445..2b1b681904 100644
--- a/packages/ui/src/components/project/ProjectSidebarCompatibility.vue
+++ b/packages/ui/src/components/project/ProjectSidebarCompatibility.vue
@@ -90,9 +90,13 @@ import { formatCategory, getVersionsToDisplay } from '@modrinth/utils'
 import { type Component, computed } from 'vue'
 import { useRouter } from 'vue-router'
 
-import { defineMessage, defineMessages, type MessageDescriptor, useVIntl } from '../../utils/i18n'
+import {
+	defineMessage,
+	defineMessages,
+	type MessageDescriptor,
+	useVIntl,
+} from '../../composables/i18n'
 import TagItem from '../base/TagItem.vue'
-../../composables/i18n
 
 const { formatMessage } = useVIntl()
 const router = useRouter()
diff --git a/packages/ui/src/components/project/ProjectSidebarCreators.vue b/packages/ui/src/components/project/ProjectSidebarCreators.vue
index 6bb745a82e..238f58b429 100644
--- a/packages/ui/src/components/project/ProjectSidebarCreators.vue
+++ b/packages/ui/src/components/project/ProjectSidebarCreators.vue
@@ -50,8 +50,8 @@
 import { CrownIcon, ExternalIcon, OrganizationIcon } from '@modrinth/assets'
 import { computed } from 'vue'
 
-import { defineMessages, useVIntl } from '../../utils/i18n'
-import AutoLink from '../base/AutoLink.vue../../composables/i18n'
+import { defineMessages, useVIntl } from '../../composables/i18n'
+import AutoLink from '../base/AutoLink.vue'
 import Avatar from '../base/Avatar.vue'
 
 const { formatMessage } = useVIntl()
diff --git a/packages/ui/src/components/project/ProjectSidebarDetails.vue b/packages/ui/src/components/project/ProjectSidebarDetails.vue
index b39e3a56c9..cc5c820f1f 100644
--- a/packages/ui/src/components/project/ProjectSidebarDetails.vue
+++ b/packages/ui/src/components/project/ProjectSidebarDetails.vue
@@ -69,8 +69,8 @@ import dayjs from 'dayjs'
 import { computed } from 'vue'
 
 import { useRelativeTime } from '../../composables'
-import { defineMessages, useVIntl } from '../../utils/i18n'
-../../composables/i18n
+import { defineMessages, useVIntl } from '../../composables/i18n'
+
 const { formatMessage } = useVIntl()
 const formatRelativeTime = useRelativeTime()
 
diff --git a/packages/ui/src/components/project/ProjectSidebarLinks.vue b/packages/ui/src/components/project/ProjectSidebarLinks.vue
index 81b0412485..ba051d5b9c 100644
--- a/packages/ui/src/components/project/ProjectSidebarLinks.vue
+++ b/packages/ui/src/components/project/ProjectSidebarLinks.vue
@@ -101,10 +101,10 @@ import {
 	PatreonIcon,
 	PayPalIcon,
 	WikiIcon,
-} from '@modrinth/assets';
+} from '@modrinth/assets'
+
+import { defineMessages, useVIntl } from '../../composables/i18n'
 
-import { defineMessages, useVIntl } from '../../utils/i18n';
-../../composables/i18n
 const { formatMessage } = useVIntl()
 
 defineProps<{
diff --git a/packages/ui/src/components/project/ProjectStatusBadge.vue b/packages/ui/src/components/project/ProjectStatusBadge.vue
index 1b8294d170..18f446d318 100644
--- a/packages/ui/src/components/project/ProjectStatusBadge.vue
+++ b/packages/ui/src/components/project/ProjectStatusBadge.vue
@@ -6,10 +6,9 @@
 import type { ProjectStatus } from '@modrinth/utils'
 import { computed } from 'vue'
 
+import { defineMessage, type MessageDescriptor, useVIntl } from '../../composables/i18n'
 import { PROJECT_STATUS_ICONS } from '../../utils'
-import { defineMessage, type MessageDescriptor, useVIntl } from '../../utils/i18n'
 import Badge from '../base/SimpleBadge.vue'
-../../composables/i18n
 
 const props = defineProps<{
 	status: ProjectStatus
diff --git a/packages/ui/src/components/project/settings/environment/ProjectSettingsEnvSelector.vue b/packages/ui/src/components/project/settings/environment/ProjectSettingsEnvSelector.vue
index 88f3c8fc04..0c01a1a9ab 100644
--- a/packages/ui/src/components/project/settings/environment/ProjectSettingsEnvSelector.vue
+++ b/packages/ui/src/components/project/settings/environment/ProjectSettingsEnvSelector.vue
@@ -2,10 +2,9 @@
 import type { Labrinth } from '@modrinth/api-client'
 import { computed, ref, watch } from 'vue'
 
+import { defineMessage, type MessageDescriptor, useVIntl } from '../../../../composables/i18n'
 import { commonProjectSettingsMessages } from '../../../../utils'
-import { defineMessage, type MessageDescriptor, useVIntl } from '../../../../utils/i18n'
 import LargeRadioButton from '../../../base/LargeRadioButton.vue'
-../../../../composables/i18n
 
 const { formatMessage } = useVIntl()
 
diff --git a/packages/ui/src/components/search/SearchFilterControl.vue b/packages/ui/src/components/search/SearchFilterControl.vue
index d7cedae1c5..7d3740321b 100644
--- a/packages/ui/src/components/search/SearchFilterControl.vue
+++ b/packages/ui/src/components/search/SearchFilterControl.vue
@@ -35,8 +35,8 @@
 import { BanIcon, LockIcon, XCircleIcon, XIcon } from '@modrinth/assets'
 import { computed, type ComputedRef } from 'vue'
 
-import type { FilterOption, FilterType, FilterValue } from '../..../../composables/i18n'
-import { defineMessage, type MessageDescriptor, useVIntl } from '../../utils/i18n'
+import type { FilterOption, FilterType, FilterValue } from '../../utils/search'
+import { defineMessage, type MessageDescriptor, useVIntl } from '../../composables/i18n'
 import TagItem from '../base/TagItem.vue'
 
 const { formatMessage } = useVIntl()
diff --git a/packages/ui/src/components/search/SearchSidebarFilter.vue b/packages/ui/src/components/search/SearchSidebarFilter.vue
index 4c3ffe2272..570cface3e 100644
--- a/packages/ui/src/components/search/SearchSidebarFilter.vue
+++ b/packages/ui/src/components/search/SearchSidebarFilter.vue
@@ -159,13 +159,12 @@ import {
 } from '@modrinth/assets'
 import { computed, ref } from 'vue'
 
-import { defineMessages, useVIntl } from '../../utils/i18n'
+import { defineMessages, useVIntl } from '../../composables/i18n'
+import type { FilterOption, FilterType, FilterValue } from '../../utils/search'
 import Accordion from '../base/Accordion.vue'
 import ButtonStyled from '../base/ButtonStyled.vue'
 import { Button, Checkbox, ScrollablePanel } from '../index'
 import SearchFilterOption from './SearchFilterOption.vue'
-import type { FilterOption, FilterType, Fi } from /../composables / i18n
-'../../utils/search'
 
 const { formatMessage } = useVIntl()
 
diff --git a/packages/ui/src/components/servers/backups/BackupItem.vue b/packages/ui/src/components/servers/backups/BackupItem.vue
index 851d5c1f9e..51a46ca800 100644
--- a/packages/ui/src/components/servers/backups/BackupItem.vue
+++ b/packages/ui/src/components/servers/backups/BackupItem.vue
@@ -16,9 +16,9 @@ import {
 import dayjs from 'dayjs'
 import { computed } from 'vue'
 
+import { defineMessages, useVIntl } from '../../../composables/i18n'
 import { commonMessages } from '../../../utils'
-import { defineMessages, useVIntl } from '../../../utils/i18n'
-import ButtonStyled from '../../base/Butto../../../composables/i18n'
+import ButtonStyled from '../../base/ButtonStyled.vue'
 import OverflowMenu, { type Option as OverflowOption } from '../../base/OverflowMenu.vue'
 import ProgressBar from '../../base/ProgressBar.vue'
 
diff --git a/packages/ui/src/components/settings/ThemeSelector.vue b/packages/ui/src/components/settings/ThemeSelector.vue
index fc6b805eb3..378f673ca3 100644
--- a/packages/ui/src/components/settings/ThemeSelector.vue
+++ b/packages/ui/src/components/settings/ThemeSelector.vue
@@ -1,8 +1,7 @@
 <script setup lang="ts" generic="T extends string">
-import { MoonIcon, RadioButtonCheckedIcon, RadioButtonIcon, SunIcon } from '@modrinth/assets';
+import { MoonIcon, RadioButtonCheckedIcon, RadioButtonIcon, SunIcon } from '@modrinth/assets'
 
-import { defineMessages, useVIntl } from '../../utils/i18n';
-../../composables/i18n
+import { defineMessages, useVIntl } from '../../composables/i18n'
 const { formatMessage } = useVIntl()
 
 const { updateColorTheme, currentTheme, themeOptions, systemThemeColor } = defineProps<{
diff --git a/packages/ui/src/components/version/VersionChannelIndicator.vue b/packages/ui/src/components/version/VersionChannelIndicator.vue
index c1d6718664..3b3ffbc586 100644
--- a/packages/ui/src/components/version/VersionChannelIndicator.vue
+++ b/packages/ui/src/components/version/VersionChannelIndicator.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { VersionChannel } from '@modrinth/utils';
+import type { VersionChannel } from '@modrinth/utils'
+
+import { defineMessages, useVIntl } from '../../composables/i18n'
 
-import { defineMessages, useVIntl } from '../../utils/i18n';
-../../composables/i18n
 const { formatMessage } = useVIntl()
 
 withDefaults(
diff --git a/packages/ui/src/components/version/VersionSummary.vue b/packages/ui/src/components/version/VersionSummary.vue
index 5a8c1df058..b9476bf328 100644
--- a/packages/ui/src/components/version/VersionSummary.vue
+++ b/packages/ui/src/components/version/VersionSummary.vue
@@ -33,6 +33,7 @@
 import { DownloadIcon, ExternalIcon } from '@modrinth/assets'
 import { computed } from 'vue'
 
+import type { Version, VersionFile } from '@modrinth/utils'
 import { ButtonStyled, VersionChannelIndicator } from '../index'
 
 const props = defineProps<{

From 18e61f6568aa28bcf21195dffb2873e40111133f Mon Sep 17 00:00:00 2001
From: "Calum H. (IMB11)" <contact@cal.engineer>
Date: Fri, 26 Dec 2025 20:19:41 +0000
Subject: [PATCH 10/10] fix: lint

---
 .../ui/create-project-version/stages/AddFilesStage.vue   | 8 +++++++-
 .../src/components/ui/create/CollectionCreateModal.vue   | 8 +++++++-
 .../src/components/ui/create/OrganizationCreateModal.vue | 8 +++++++-
 .../ui/dashboard/withdraw-stages/MuralpayKycStage.vue    | 9 ++++++++-
 apps/frontend/src/layouts/default.vue                    | 5 +++--
 apps/frontend/src/pages/[type]/[id].vue                  | 8 +++++---
 apps/frontend/src/pages/admin/billing/[id].vue           | 8 +++++---
 apps/frontend/src/pages/admin/servers/notices.vue        | 5 +++--
 apps/frontend/src/pages/auth/authorize.vue               | 8 +++++---
 apps/frontend/src/pages/auth/reset-password.vue          | 2 +-
 apps/frontend/src/pages/auth/sign-in.vue                 | 8 +++++++-
 apps/frontend/src/pages/auth/sign-up.vue                 | 9 ++++++++-
 apps/frontend/src/pages/auth/verify-email.vue            | 2 +-
 apps/frontend/src/pages/auth/welcome.vue                 | 9 ++++++++-
 apps/frontend/src/pages/collection/[id].vue              | 5 +++--
 apps/frontend/src/pages/dashboard.vue                    | 2 +-
 apps/frontend/src/pages/dashboard/affiliate-links.vue    | 5 +++--
 apps/frontend/src/pages/dashboard/collections.vue        | 2 +-
 apps/frontend/src/pages/dashboard/projects.vue           | 5 +++--
 apps/frontend/src/pages/discover/[type]/index.vue        | 2 +-
 apps/frontend/src/pages/frog.vue                         | 2 +-
 apps/frontend/src/pages/hosting/manage/[id].vue          | 5 +++--
 apps/frontend/src/pages/organization/[id].vue            | 9 ++++++++-
 .../src/pages/organization/[id]/settings/projects.vue    | 5 +++--
 apps/frontend/src/pages/plus.vue                         | 2 +-
 apps/frontend/src/pages/settings.vue                     | 2 +-
 apps/frontend/src/pages/settings/applications.vue        | 5 +++--
 apps/frontend/src/pages/settings/authorizations.vue      | 5 +++--
 apps/frontend/src/pages/settings/billing/charges.vue     | 2 +-
 apps/frontend/src/pages/settings/billing/index.vue       | 8 +++++---
 apps/frontend/src/pages/settings/language.vue            | 8 +++++++-
 apps/frontend/src/pages/settings/pats.vue                | 8 +++++---
 apps/frontend/src/pages/settings/profile.vue             | 8 +++++---
 apps/frontend/src/pages/settings/sessions.vue            | 8 +++++---
 apps/frontend/src/pages/user/[id].vue                    | 8 +++++---
 .../ui/src/components/billing/AddPaymentMethodModal.vue  | 4 ++--
 .../ui/src/components/billing/ExpandableInvoiceTotal.vue | 2 +-
 .../ui/src/components/search/SearchFilterControl.vue     | 2 +-
 packages/ui/src/components/version/VersionSummary.vue    | 2 +-
 39 files changed, 148 insertions(+), 65 deletions(-)

diff --git a/apps/frontend/src/components/ui/create-project-version/stages/AddFilesStage.vue b/apps/frontend/src/components/ui/create-project-version/stages/AddFilesStage.vue
index 73db0f41a8..04623601b1 100644
--- a/apps/frontend/src/components/ui/create-project-version/stages/AddFilesStage.vue
+++ b/apps/frontend/src/components/ui/create-project-version/stages/AddFilesStage.vue
@@ -87,7 +87,13 @@
 
 <script lang="ts" setup>
 import type { Labrinth } from '@modrinth/api-client'
-import { Admonition, defineMessages, DropzoneFileInput, injectProjectPageContext, useVIntl } from '@modrinth/ui'
+import {
+	Admonition,
+	defineMessages,
+	DropzoneFileInput,
+	injectProjectPageContext,
+	useVIntl,
+} from '@modrinth/ui'
 import { acceptFileFromProjectType } from '@modrinth/utils'
 
 import { injectManageVersionContext } from '~/providers/version/manage-version-modal'
diff --git a/apps/frontend/src/components/ui/create/CollectionCreateModal.vue b/apps/frontend/src/components/ui/create/CollectionCreateModal.vue
index 401949c14d..06ee080b90 100644
--- a/apps/frontend/src/components/ui/create/CollectionCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/CollectionCreateModal.vue
@@ -58,7 +58,13 @@
 </template>
 <script setup>
 import { PlusIcon, XIcon } from '@modrinth/assets'
-import { ButtonStyled, defineMessages, injectNotificationManager, NewModal, useVIntl } from '@modrinth/ui'
+import {
+	ButtonStyled,
+	defineMessages,
+	injectNotificationManager,
+	NewModal,
+	useVIntl,
+} from '@modrinth/ui'
 
 import CreateLimitAlert from './CreateLimitAlert.vue'
 
diff --git a/apps/frontend/src/components/ui/create/OrganizationCreateModal.vue b/apps/frontend/src/components/ui/create/OrganizationCreateModal.vue
index b06449451d..d80e05633d 100644
--- a/apps/frontend/src/components/ui/create/OrganizationCreateModal.vue
+++ b/apps/frontend/src/components/ui/create/OrganizationCreateModal.vue
@@ -81,7 +81,13 @@
 
 <script setup lang="ts">
 import { PlusIcon, XIcon } from '@modrinth/assets'
-import { ButtonStyled, defineMessages, injectNotificationManager, NewModal, useVIntl } from '@modrinth/ui'
+import {
+	ButtonStyled,
+	defineMessages,
+	injectNotificationManager,
+	NewModal,
+	useVIntl,
+} from '@modrinth/ui'
 import { ref } from 'vue'
 
 import CreateLimitAlert from './CreateLimitAlert.vue'
diff --git a/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayKycStage.vue b/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayKycStage.vue
index bc6133c932..adb20fc360 100644
--- a/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayKycStage.vue
+++ b/apps/frontend/src/components/ui/dashboard/withdraw-stages/MuralpayKycStage.vue
@@ -218,7 +218,14 @@
 </template>
 
 <script setup lang="ts">
-import { Chips, Combobox, defineMessages , formFieldLabels, formFieldPlaceholders, useVIntl } from '@modrinth/ui'
+import {
+	Chips,
+	Combobox,
+	defineMessages,
+	formFieldLabels,
+	formFieldPlaceholders,
+	useVIntl,
+} from '@modrinth/ui'
 // TODO: Switch to using Muralpay's improved endpoint when it's available.
 import iso3166 from 'iso-3166-2'
 
diff --git a/apps/frontend/src/layouts/default.vue b/apps/frontend/src/layouts/default.vue
index 01a64e6ef0..e5909bbc0c 100644
--- a/apps/frontend/src/layouts/default.vue
+++ b/apps/frontend/src/layouts/default.vue
@@ -957,12 +957,13 @@ import {
 	UserSearchIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { 	Avatar,
+import {
+	Avatar,
 	Button,
 	ButtonStyled,
 	commonMessages,
 	commonProjectTypeCategoryMessages,
-defineMessage ,
+	defineMessage,
 	defineMessages,
 	injectNotificationManager,
 	IntlFormatted,
diff --git a/apps/frontend/src/pages/[type]/[id].vue b/apps/frontend/src/pages/[type]/[id].vue
index 3e31ce289e..3a3153ef29 100644
--- a/apps/frontend/src/pages/[type]/[id].vue
+++ b/apps/frontend/src/pages/[type]/[id].vue
@@ -964,12 +964,14 @@ import {
 	WrenchIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { 	Admonition,
+import {
+	Admonition,
 	Avatar,
 	ButtonStyled,
 	Checkbox,
 	commonMessages,
-defineMessages,	injectNotificationManager,
+	defineMessages,
+	injectNotificationManager,
 	IntlFormatted,
 	NewModal,
 	OverflowMenu,
@@ -985,7 +987,7 @@ defineMessages,	injectNotificationManager,
 	ServersPromo,
 	TagItem,
 	useRelativeTime,
-useVIntl ,
+	useVIntl,
 } from '@modrinth/ui'
 import VersionSummary from '@modrinth/ui/src/components/version/VersionSummary.vue'
 import { formatCategory, formatPrice, formatProjectType, renderString } from '@modrinth/utils'
diff --git a/apps/frontend/src/pages/admin/billing/[id].vue b/apps/frontend/src/pages/admin/billing/[id].vue
index addd58ad24..dbe0fd9033 100644
--- a/apps/frontend/src/pages/admin/billing/[id].vue
+++ b/apps/frontend/src/pages/admin/billing/[id].vue
@@ -322,15 +322,17 @@ import {
 	UserIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { 	Avatar,
+import {
+	Avatar,
 	ButtonStyled,
 	CopyCode,
-defineMessages,	DropdownSelect,
+	defineMessages,
+	DropdownSelect,
 	injectNotificationManager,
 	NewModal,
 	Toggle,
 	useRelativeTime,
-useVIntl ,
+	useVIntl,
 } from '@modrinth/ui'
 import { formatCategory, formatPrice } from '@modrinth/utils'
 import { DEFAULT_CREDIT_EMAIL_MESSAGE } from '@modrinth/utils/utils.ts'
diff --git a/apps/frontend/src/pages/admin/servers/notices.vue b/apps/frontend/src/pages/admin/servers/notices.vue
index 485cab6f5c..f6e8cf7192 100644
--- a/apps/frontend/src/pages/admin/servers/notices.vue
+++ b/apps/frontend/src/pages/admin/servers/notices.vue
@@ -262,11 +262,12 @@
 </template>
 <script setup lang="ts">
 import { EditIcon, PlusIcon, SaveIcon, SettingsIcon, TrashIcon, XIcon } from '@modrinth/assets'
-import { 	ButtonStyled,
+import {
+	ButtonStyled,
 	Combobox,
 	commonMessages,
 	CopyCode,
-defineMessages ,
+	defineMessages,
 	injectNotificationManager,
 	NewModal,
 	ServerNotice,
diff --git a/apps/frontend/src/pages/auth/authorize.vue b/apps/frontend/src/pages/auth/authorize.vue
index c2a7ecfd1b..1841d11fb9 100644
--- a/apps/frontend/src/pages/auth/authorize.vue
+++ b/apps/frontend/src/pages/auth/authorize.vue
@@ -81,13 +81,15 @@
 
 <script setup>
 import { CheckIcon, XIcon } from '@modrinth/assets'
-import { 	Avatar,
+import {
+	Avatar,
 	Button,
 	commonMessages,
-defineMessages,	injectNotificationManager,
+	defineMessages,
+	injectNotificationManager,
 	IntlFormatted,
 	normalizeChildren,
-useVIntl ,
+	useVIntl,
 } from '@modrinth/ui'
 
 import { useAuth } from '@/composables/auth.js'
diff --git a/apps/frontend/src/pages/auth/reset-password.vue b/apps/frontend/src/pages/auth/reset-password.vue
index 9739dd78e0..afd981aed7 100644
--- a/apps/frontend/src/pages/auth/reset-password.vue
+++ b/apps/frontend/src/pages/auth/reset-password.vue
@@ -68,7 +68,7 @@
 </template>
 <script setup>
 import { KeyIcon, MailIcon, SendIcon } from '@modrinth/assets'
-import { commonMessages, defineMessages,injectNotificationManager,useVIntl  } from '@modrinth/ui'
+import { commonMessages, defineMessages, injectNotificationManager, useVIntl } from '@modrinth/ui'
 
 import HCaptcha from '@/components/ui/HCaptcha.vue'
 
diff --git a/apps/frontend/src/pages/auth/sign-in.vue b/apps/frontend/src/pages/auth/sign-in.vue
index ff4171ed11..e14cf9ca6e 100644
--- a/apps/frontend/src/pages/auth/sign-in.vue
+++ b/apps/frontend/src/pages/auth/sign-in.vue
@@ -140,7 +140,13 @@ import {
 	RightArrowIcon,
 	SteamColorIcon,
 } from '@modrinth/assets'
-import { commonMessages, defineMessages,injectNotificationManager, IntlFormatted,useVIntl  } from '@modrinth/ui'
+import {
+	commonMessages,
+	defineMessages,
+	injectNotificationManager,
+	IntlFormatted,
+	useVIntl,
+} from '@modrinth/ui'
 
 import HCaptcha from '@/components/ui/HCaptcha.vue'
 import { getAuthUrl, getLauncherRedirectUrl } from '@/composables/auth.js'
diff --git a/apps/frontend/src/pages/auth/sign-up.vue b/apps/frontend/src/pages/auth/sign-up.vue
index b4d2babbc0..5e1d9c3ab4 100644
--- a/apps/frontend/src/pages/auth/sign-up.vue
+++ b/apps/frontend/src/pages/auth/sign-up.vue
@@ -145,7 +145,14 @@ import {
 	SteamColorIcon,
 	UserIcon,
 } from '@modrinth/assets'
-import { Checkbox, commonMessages, defineMessages,injectNotificationManager, IntlFormatted,useVIntl  } from '@modrinth/ui'
+import {
+	Checkbox,
+	commonMessages,
+	defineMessages,
+	injectNotificationManager,
+	IntlFormatted,
+	useVIntl,
+} from '@modrinth/ui'
 
 import HCaptcha from '@/components/ui/HCaptcha.vue'
 import { getAuthUrl } from '@/composables/auth.js'
diff --git a/apps/frontend/src/pages/auth/verify-email.vue b/apps/frontend/src/pages/auth/verify-email.vue
index 56553d3363..284e38526e 100644
--- a/apps/frontend/src/pages/auth/verify-email.vue
+++ b/apps/frontend/src/pages/auth/verify-email.vue
@@ -64,7 +64,7 @@
 </template>
 <script setup>
 import { RightArrowIcon, SettingsIcon } from '@modrinth/assets'
-import { ButtonStyled, defineMessages,injectNotificationManager,useVIntl  } from '@modrinth/ui'
+import { ButtonStyled, defineMessages, injectNotificationManager, useVIntl } from '@modrinth/ui'
 
 const { addNotification } = injectNotificationManager()
 const { formatMessage } = useVIntl()
diff --git a/apps/frontend/src/pages/auth/welcome.vue b/apps/frontend/src/pages/auth/welcome.vue
index 82bbe3f68e..ecaa468007 100644
--- a/apps/frontend/src/pages/auth/welcome.vue
+++ b/apps/frontend/src/pages/auth/welcome.vue
@@ -49,7 +49,14 @@
 
 <script setup>
 import { RightArrowIcon, WavingRinthbot } from '@modrinth/assets'
-import { Checkbox, commonMessages, defineMessages,IntlFormatted, normalizeChildren,useVIntl  } from '@modrinth/ui'
+import {
+	Checkbox,
+	commonMessages,
+	defineMessages,
+	IntlFormatted,
+	normalizeChildren,
+	useVIntl,
+} from '@modrinth/ui'
 
 const route = useRoute()
 
diff --git a/apps/frontend/src/pages/collection/[id].vue b/apps/frontend/src/pages/collection/[id].vue
index 0193274fdd..68c2a9103d 100644
--- a/apps/frontend/src/pages/collection/[id].vue
+++ b/apps/frontend/src/pages/collection/[id].vue
@@ -374,13 +374,14 @@ import {
 	UploadIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { 	Avatar,
+import {
+	Avatar,
 	ButtonStyled,
 	commonMessages,
 	commonProjectTypeCategoryMessages,
 	commonProjectTypeSentenceMessages,
 	ConfirmModal,
-defineMessage ,
+	defineMessage,
 	defineMessages,
 	FileInput,
 	HorizontalRule,
diff --git a/apps/frontend/src/pages/dashboard.vue b/apps/frontend/src/pages/dashboard.vue
index 7ddaa9d98f..2f91b55489 100644
--- a/apps/frontend/src/pages/dashboard.vue
+++ b/apps/frontend/src/pages/dashboard.vue
@@ -43,7 +43,7 @@ import {
 	OrganizationIcon,
 	ReportIcon,
 } from '@modrinth/assets'
-import { commonMessages,useVIntl  } from '@modrinth/ui'
+import { commonMessages, useVIntl } from '@modrinth/ui'
 import { type User, UserBadge } from '@modrinth/utils'
 
 import NavStack from '~/components/ui/NavStack.vue'
diff --git a/apps/frontend/src/pages/dashboard/affiliate-links.vue b/apps/frontend/src/pages/dashboard/affiliate-links.vue
index 98a9875ebe..1cf08dbd2e 100644
--- a/apps/frontend/src/pages/dashboard/affiliate-links.vue
+++ b/apps/frontend/src/pages/dashboard/affiliate-links.vue
@@ -64,13 +64,14 @@
 </template>
 <script setup lang="ts">
 import { PlusIcon, SearchIcon, XCircleIcon, XIcon } from '@modrinth/assets'
-import { 	Admonition,
+import {
+	Admonition,
 	AffiliateLinkCard,
 	AffiliateLinkCreateModal,
 	Button,
 	ButtonStyled,
 	ConfirmModal,
-defineMessages ,
+	defineMessages,
 	injectNotificationManager,
 	useVIntl,
 } from '@modrinth/ui'
diff --git a/apps/frontend/src/pages/dashboard/collections.vue b/apps/frontend/src/pages/dashboard/collections.vue
index 8491ccd15c..45ac4b75c9 100644
--- a/apps/frontend/src/pages/dashboard/collections.vue
+++ b/apps/frontend/src/pages/dashboard/collections.vue
@@ -106,7 +106,7 @@ import {
 	SearchIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { Avatar, Button, commonMessages,defineMessages,useVIntl  } from '@modrinth/ui'
+import { Avatar, Button, commonMessages, defineMessages, useVIntl } from '@modrinth/ui'
 
 import CollectionCreateModal from '~/components/ui/create/CollectionCreateModal.vue'
 
diff --git a/apps/frontend/src/pages/dashboard/projects.vue b/apps/frontend/src/pages/dashboard/projects.vue
index 3c1712624a..2cc91eaa1e 100644
--- a/apps/frontend/src/pages/dashboard/projects.vue
+++ b/apps/frontend/src/pages/dashboard/projects.vue
@@ -326,7 +326,8 @@ import {
 	TriangleAlertIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { 	Avatar,
+import {
+	Avatar,
 	ButtonStyled,
 	Checkbox,
 	commonMessages,
@@ -334,7 +335,7 @@ import { 	Avatar,
 	injectNotificationManager,
 	NewModal,
 	ProjectStatusBadge,
-useVIntl ,
+	useVIntl,
 } from '@modrinth/ui'
 import { formatProjectType } from '@modrinth/utils'
 import { Multiselect } from 'vue-multiselect'
diff --git a/apps/frontend/src/pages/discover/[type]/index.vue b/apps/frontend/src/pages/discover/[type]/index.vue
index 46e18402ee..777025dd24 100644
--- a/apps/frontend/src/pages/discover/[type]/index.vue
+++ b/apps/frontend/src/pages/discover/[type]/index.vue
@@ -12,7 +12,7 @@ import {
 	SearchIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { defineMessages,useVIntl } from '@modrinth/ui'
+import { defineMessages, useVIntl } from '@modrinth/ui'
 import {
 	Avatar,
 	Button,
diff --git a/apps/frontend/src/pages/frog.vue b/apps/frontend/src/pages/frog.vue
index 39d5f5279d..1bbe556d42 100644
--- a/apps/frontend/src/pages/frog.vue
+++ b/apps/frontend/src/pages/frog.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { defineMessages,useRelativeTime,useVIntl  } from '@modrinth/ui'
+import { defineMessages, useRelativeTime, useVIntl } from '@modrinth/ui'
 
 const vintl = useVIntl()
 const { formatMessage } = vintl
diff --git a/apps/frontend/src/pages/hosting/manage/[id].vue b/apps/frontend/src/pages/hosting/manage/[id].vue
index 306e298cbd..77fe37010b 100644
--- a/apps/frontend/src/pages/hosting/manage/[id].vue
+++ b/apps/frontend/src/pages/hosting/manage/[id].vue
@@ -386,8 +386,9 @@ import {
 	TransferIcon,
 } from '@modrinth/assets'
 import type { MessageDescriptor } from '@modrinth/ui'
-import { 	ButtonStyled,
-defineMessage ,
+import {
+	ButtonStyled,
+	defineMessage,
 	ErrorInformationCard,
 	injectModrinthClient,
 	injectNotificationManager,
diff --git a/apps/frontend/src/pages/organization/[id].vue b/apps/frontend/src/pages/organization/[id].vue
index d314b42623..689639daee 100644
--- a/apps/frontend/src/pages/organization/[id].vue
+++ b/apps/frontend/src/pages/organization/[id].vue
@@ -261,7 +261,14 @@ import {
 	UsersIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { Avatar, ButtonStyled, commonMessages, ContentPageHeader, OverflowMenu,useVIntl  } from '@modrinth/ui'
+import {
+	Avatar,
+	ButtonStyled,
+	commonMessages,
+	ContentPageHeader,
+	OverflowMenu,
+	useVIntl,
+} from '@modrinth/ui'
 import type { Organization, ProjectStatus, ProjectType, ProjectV3 } from '@modrinth/utils'
 import { formatNumber } from '@modrinth/utils'
 
diff --git a/apps/frontend/src/pages/organization/[id]/settings/projects.vue b/apps/frontend/src/pages/organization/[id]/settings/projects.vue
index ed5038a73e..4a31e9f7b6 100644
--- a/apps/frontend/src/pages/organization/[id]/settings/projects.vue
+++ b/apps/frontend/src/pages/organization/[id]/settings/projects.vue
@@ -325,7 +325,8 @@ import {
 	TrashIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { 	Avatar,
+import {
+	Avatar,
 	ButtonStyled,
 	Checkbox,
 	commonMessages,
@@ -333,7 +334,7 @@ import { 	Avatar,
 	injectNotificationManager,
 	NewModal,
 	ProjectStatusBadge,
-useVIntl ,
+	useVIntl,
 } from '@modrinth/ui'
 import { formatProjectType } from '@modrinth/utils'
 import { Multiselect } from 'vue-multiselect'
diff --git a/apps/frontend/src/pages/plus.vue b/apps/frontend/src/pages/plus.vue
index 04335b0214..56466a076d 100644
--- a/apps/frontend/src/pages/plus.vue
+++ b/apps/frontend/src/pages/plus.vue
@@ -86,7 +86,7 @@
 </template>
 <script setup>
 import { HeartIcon, ModrinthPlusIcon, SettingsIcon, SparklesIcon, StarIcon } from '@modrinth/assets'
-import { injectNotificationManager, PurchaseModal,useVIntl  } from '@modrinth/ui'
+import { injectNotificationManager, PurchaseModal, useVIntl } from '@modrinth/ui'
 import { calculateSavings, formatPrice, getCurrency } from '@modrinth/utils'
 
 import { useBaseFetch } from '@/composables/fetch.js'
diff --git a/apps/frontend/src/pages/settings.vue b/apps/frontend/src/pages/settings.vue
index 0101f4edf1..3ef8db9240 100644
--- a/apps/frontend/src/pages/settings.vue
+++ b/apps/frontend/src/pages/settings.vue
@@ -95,7 +95,7 @@ import {
 	ShieldIcon,
 	UserIcon,
 } from '@modrinth/assets'
-import { commonMessages, commonSettingsMessages,useVIntl  } from '@modrinth/ui'
+import { commonMessages, commonSettingsMessages, useVIntl } from '@modrinth/ui'
 
 import NavStack from '~/components/ui/NavStack.vue'
 
diff --git a/apps/frontend/src/pages/settings/applications.vue b/apps/frontend/src/pages/settings/applications.vue
index 248b5dcecc..e62624b233 100644
--- a/apps/frontend/src/pages/settings/applications.vue
+++ b/apps/frontend/src/pages/settings/applications.vue
@@ -217,7 +217,8 @@
 </template>
 <script setup>
 import { EditIcon, PlusIcon, SaveIcon, TrashIcon, UploadIcon, XIcon } from '@modrinth/assets'
-import { 	Avatar,
+import {
+	Avatar,
 	Button,
 	Checkbox,
 	commonSettingsMessages,
@@ -225,7 +226,7 @@ import { 	Avatar,
 	CopyCode,
 	FileInput,
 	injectNotificationManager,
-useVIntl ,
+	useVIntl,
 } from '@modrinth/ui'
 
 import Modal from '~/components/ui/Modal.vue'
diff --git a/apps/frontend/src/pages/settings/authorizations.vue b/apps/frontend/src/pages/settings/authorizations.vue
index 97113672ab..d1c89e0edf 100644
--- a/apps/frontend/src/pages/settings/authorizations.vue
+++ b/apps/frontend/src/pages/settings/authorizations.vue
@@ -89,12 +89,13 @@
 </template>
 <script setup>
 import { CheckIcon, TrashIcon } from '@modrinth/assets'
-import { 	Avatar,
+import {
+	Avatar,
 	Button,
 	commonSettingsMessages,
 	ConfirmModal,
 	injectNotificationManager,
-useVIntl ,
+	useVIntl,
 } from '@modrinth/ui'
 
 import { useScopes } from '~/composables/auth/scopes.ts'
diff --git a/apps/frontend/src/pages/settings/billing/charges.vue b/apps/frontend/src/pages/settings/billing/charges.vue
index 9b4a7a1612..b4c55f419d 100644
--- a/apps/frontend/src/pages/settings/billing/charges.vue
+++ b/apps/frontend/src/pages/settings/billing/charges.vue
@@ -38,7 +38,7 @@
 	</div>
 </template>
 <script setup>
-import { Badge, Breadcrumbs,useVIntl  } from '@modrinth/ui'
+import { Badge, Breadcrumbs, useVIntl } from '@modrinth/ui'
 import { formatPrice } from '@modrinth/utils'
 
 import { products } from '~/generated/state.json'
diff --git a/apps/frontend/src/pages/settings/billing/index.vue b/apps/frontend/src/pages/settings/billing/index.vue
index 248681c141..4c73eb10ff 100644
--- a/apps/frontend/src/pages/settings/billing/index.vue
+++ b/apps/frontend/src/pages/settings/billing/index.vue
@@ -611,17 +611,19 @@ import {
 	UpdatedIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { 	AddPaymentMethodModal,
+import {
+	AddPaymentMethodModal,
 	ButtonStyled,
 	commonMessages,
 	ConfirmModal,
 	CopyCode,
-defineMessages,	getPaymentMethodIcon,
+	defineMessages,
+	getPaymentMethodIcon,
 	injectNotificationManager,
 	OverflowMenu,
 	PurchaseModal,
 	ServerListing,
-useVIntl ,
+	useVIntl,
 } from '@modrinth/ui'
 import { calculateSavings, formatPrice, getCurrency } from '@modrinth/utils'
 import { computed, ref } from 'vue'
diff --git a/apps/frontend/src/pages/settings/language.vue b/apps/frontend/src/pages/settings/language.vue
index 860baf5fa1..b02cb25bc7 100644
--- a/apps/frontend/src/pages/settings/language.vue
+++ b/apps/frontend/src/pages/settings/language.vue
@@ -1,6 +1,12 @@
 <script setup lang="ts">
 import { RadioButtonCheckedIcon, RadioButtonIcon } from '@modrinth/assets'
-import { Admonition, commonSettingsMessages, defineMessages,IntlFormatted,useVIntl  } from '@modrinth/ui'
+import {
+	Admonition,
+	commonSettingsMessages,
+	defineMessages,
+	IntlFormatted,
+	useVIntl,
+} from '@modrinth/ui'
 import Fuse from 'fuse.js/dist/fuse.basic'
 
 import { isModifierKeyDown } from '~/helpers/events.ts'
diff --git a/apps/frontend/src/pages/settings/pats.vue b/apps/frontend/src/pages/settings/pats.vue
index 2d8b28dfc7..8294f2ae59 100644
--- a/apps/frontend/src/pages/settings/pats.vue
+++ b/apps/frontend/src/pages/settings/pats.vue
@@ -203,15 +203,17 @@
 </template>
 <script setup>
 import { EditIcon, PlusIcon, SaveIcon, TrashIcon, XIcon } from '@modrinth/assets'
-import { 	Checkbox,
+import {
+	Checkbox,
 	commonMessages,
 	commonSettingsMessages,
 	ConfirmModal,
 	CopyCode,
-defineMessages,	injectNotificationManager,
+	defineMessages,
+	injectNotificationManager,
 	IntlFormatted,
 	useRelativeTime,
-useVIntl ,
+	useVIntl,
 } from '@modrinth/ui'
 
 import Modal from '~/components/ui/Modal.vue'
diff --git a/apps/frontend/src/pages/settings/profile.vue b/apps/frontend/src/pages/settings/profile.vue
index a1e7e806c1..b898d5c8d1 100644
--- a/apps/frontend/src/pages/settings/profile.vue
+++ b/apps/frontend/src/pages/settings/profile.vue
@@ -91,13 +91,15 @@
 
 <script setup>
 import { SaveIcon, TrashIcon, UndoIcon, UploadIcon, UserIcon, XIcon } from '@modrinth/assets'
-import { 	Avatar,
+import {
+	Avatar,
 	Button,
 	commonMessages,
-defineMessages,	FileInput,
+	defineMessages,
+	FileInput,
 	injectNotificationManager,
 	IntlFormatted,
-useVIntl ,
+	useVIntl,
 } from '@modrinth/ui'
 
 const { addNotification } = injectNotificationManager()
diff --git a/apps/frontend/src/pages/settings/sessions.vue b/apps/frontend/src/pages/settings/sessions.vue
index 36e972940a..5cef936725 100644
--- a/apps/frontend/src/pages/settings/sessions.vue
+++ b/apps/frontend/src/pages/settings/sessions.vue
@@ -57,11 +57,13 @@
 </template>
 <script setup>
 import { XIcon } from '@modrinth/assets'
-import { 	commonMessages,
+import {
+	commonMessages,
 	commonSettingsMessages,
-defineMessages,	injectNotificationManager,
+	defineMessages,
+	injectNotificationManager,
 	useRelativeTime,
-useVIntl ,
+	useVIntl,
 } from '@modrinth/ui'
 
 definePageMeta({
diff --git a/apps/frontend/src/pages/user/[id].vue b/apps/frontend/src/pages/user/[id].vue
index 5f78b8c0e1..cef2741ad9 100644
--- a/apps/frontend/src/pages/user/[id].vue
+++ b/apps/frontend/src/pages/user/[id].vue
@@ -476,18 +476,20 @@ import {
 	SpinnerIcon,
 	XIcon,
 } from '@modrinth/assets'
-import { 	Avatar,
+import {
+	Avatar,
 	ButtonStyled,
 	Combobox,
 	commonMessages,
 	ContentPageHeader,
-defineMessages,	injectNotificationManager,
+	defineMessages,
+	injectNotificationManager,
 	IntlFormatted,
 	NewModal,
 	OverflowMenu,
 	TagItem,
 	useRelativeTime,
-useVIntl ,
+	useVIntl,
 } from '@modrinth/ui'
 import { isAdmin, isStaff, UserBadge } from '@modrinth/utils'
 
diff --git a/packages/ui/src/components/billing/AddPaymentMethodModal.vue b/packages/ui/src/components/billing/AddPaymentMethodModal.vue
index 9313c2d460..6f0043412f 100644
--- a/packages/ui/src/components/billing/AddPaymentMethodModal.vue
+++ b/packages/ui/src/components/billing/AddPaymentMethodModal.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { PlusIcon, XIcon } from '@modrinth/assets'
+import { nextTick, ref, useTemplateRef } from 'vue'
 
-import { ButtonStyled, NewModal } from '../index'
 import { defineMessages, useVIntl } from '../../composables/i18n'
-import { ref, nextTick, useTemplateRef } from 'vue'
 import { commonMessages } from '../../utils'
+import { ButtonStyled, NewModal } from '../index'
 import type { AddPaymentMethodProps } from './AddPaymentMethod.vue'
 import AddPaymentMethod from './AddPaymentMethod.vue'
 
diff --git a/packages/ui/src/components/billing/ExpandableInvoiceTotal.vue b/packages/ui/src/components/billing/ExpandableInvoiceTotal.vue
index b8f1e12d12..809c2ec09f 100644
--- a/packages/ui/src/components/billing/ExpandableInvoiceTotal.vue
+++ b/packages/ui/src/components/billing/ExpandableInvoiceTotal.vue
@@ -3,8 +3,8 @@ import { SpinnerIcon } from '@modrinth/assets'
 import { formatPrice } from '@modrinth/utils'
 import { computed } from 'vue'
 
-import Accordion from '../base/Accordion.vue'
 import { useVIntl } from '../../composables/i18n'
+import Accordion from '../base/Accordion.vue'
 
 const { locale } = useVIntl()
 
diff --git a/packages/ui/src/components/search/SearchFilterControl.vue b/packages/ui/src/components/search/SearchFilterControl.vue
index 7d3740321b..188be2fecd 100644
--- a/packages/ui/src/components/search/SearchFilterControl.vue
+++ b/packages/ui/src/components/search/SearchFilterControl.vue
@@ -35,8 +35,8 @@
 import { BanIcon, LockIcon, XCircleIcon, XIcon } from '@modrinth/assets'
 import { computed, type ComputedRef } from 'vue'
 
-import type { FilterOption, FilterType, FilterValue } from '../../utils/search'
 import { defineMessage, type MessageDescriptor, useVIntl } from '../../composables/i18n'
+import type { FilterOption, FilterType, FilterValue } from '../../utils/search'
 import TagItem from '../base/TagItem.vue'
 
 const { formatMessage } = useVIntl()
diff --git a/packages/ui/src/components/version/VersionSummary.vue b/packages/ui/src/components/version/VersionSummary.vue
index b9476bf328..e5099d2a0d 100644
--- a/packages/ui/src/components/version/VersionSummary.vue
+++ b/packages/ui/src/components/version/VersionSummary.vue
@@ -31,9 +31,9 @@
 
 <script setup lang="ts">
 import { DownloadIcon, ExternalIcon } from '@modrinth/assets'
+import type { Version, VersionFile } from '@modrinth/utils'
 import { computed } from 'vue'
 
-import type { Version, VersionFile } from '@modrinth/utils'
 import { ButtonStyled, VersionChannelIndicator } from '../index'
 
 const props = defineProps<{