Add frontend support for as-sin region (#4340)

packages/ui/src/components/billing/ServersPurchase1Region.vue

@@ -12,6 +12,7 @@ import {
 	type ServerRegion,
 	type ServerStockRequest,
 } from '../../utils/billing'
+import { regionOverrides } from '../../utils/regions.ts'
 import Slider from '../base/Slider.vue'
 import ModalLoadingIndicator from '../modal/ModalLoadingIndicator.vue'
 import type { RegionPing } from './ModrinthServersPurchaseModal.vue'
@@ -41,7 +42,7 @@ const selectedPrice = computed(() => {
 	return amount ? amount / monthsInInterval[props.interval] : undefined
 })
 
-const regionOrder: string[] = ['us-vin', 'eu-cov', 'eu-lim']
+const regionOrder: string[] = Object.keys(regionOverrides)
 
 const sortedRegions = computed(() => {
 	return props.regions.slice().sort((a, b) => {

packages/ui/src/locales/en-US/index.json

@@ -719,6 +719,9 @@
   "servers.region.region-unsupported": {
     "defaultMessage": "Region not listed? <link>Let us know where you'd like to see Modrinth Servers next!</link>"
   },
+  "servers.region.southeast-asia": {
+    "defaultMessage": "Southeast Asia"
+  },
   "servers.region.western-europe": {
     "defaultMessage": "Western Europe"
   },

packages/ui/src/utils/regions.ts

@@ -8,13 +8,6 @@ export const regionOverrides = {
 		}),
 		flag: 'https://flagcdn.com/us.svg',
 	},
-	'eu-lim': {
-		name: defineMessage({
-			id: 'servers.region.central-europe',
-			defaultMessage: 'Central Europe',
-		}),
-		flag: 'https://flagcdn.com/de.svg',
-	},
 	'eu-cov': {
 		name: defineMessage({
 			id: 'servers.region.western-europe',
@@ -22,4 +15,18 @@ export const regionOverrides = {
 		}),
 		flag: 'https://flagcdn.com/gb.svg',
 	},
+	'eu-lim': {
+		name: defineMessage({
+			id: 'servers.region.central-europe',
+			defaultMessage: 'Central Europe',
+		}),
+		flag: 'https://flagcdn.com/de.svg',
+	},
+	'as-sin': {
+		name: defineMessage({
+			id: 'servers.region.southeast-asia',
+			defaultMessage: 'Southeast Asia',
+		}),
+		flag: 'https://flagcdn.com/sg.svg',
+	},
 } satisfies Record<string, { name?: MessageDescriptor; flag?: string }>