Modrinth Hosting rebrand (#4846)

* Modrinth Hosting rebranding

* fix capitalization issue

* fix issues

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

@@ -5,7 +5,7 @@
 				<template v-if="productType === 'midas'">Subscribe to Modrinth+!</template>
 				<template v-else-if="productType === 'pyro'">
 					<template v-if="existingSubscription"> Upgrade server plan </template>
-					<template v-else> Subscribe to Modrinth Servers! </template>
+					<template v-else> Subscribe to Modrinth Hosting! </template>
 				</template>
 				<template v-else>Purchase product</template>
 			</span>
@@ -143,7 +143,7 @@
 								Max Burst CPUs
 								<UnknownIcon
 									v-tooltip="
-										'CPU bursting allows your server to temporarily use additional threads to help mitigate TPS spikes. See Modrinth Servers FAQ for more info.'
+										'CPU bursting allows your server to temporarily use additional threads to help mitigate TPS spikes. See Modrinth Hosting FAQ for more info.'
 									"
 									class="h-4 w-4text-secondary opacity-60"
 								/>
@@ -292,7 +292,7 @@
 					<p class="my-2 text-lg font-bold text-primary">Purchase details</p>
 					<div class="mb-2 flex justify-between">
 						<span class="text-secondary">
-							{{ mutatedProduct.metadata.type === 'midas' ? 'Modrinth+' : 'Modrinth Servers' }}
+							{{ mutatedProduct.metadata.type === 'midas' ? 'Modrinth+' : 'Modrinth Hosting' }}
 							{{
 								existingPlan
 									? `(${dayjs(renewalDate).diff(dayjs(), 'days')} days prorated)`

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

@@ -170,7 +170,7 @@ const messages = defineMessages({
 	},
 	regionUnsupported: {
 		id: 'servers.region.region-unsupported',
-		defaultMessage: `Region not listed? <link>Let us know where you'd like to see Modrinth Servers next!</link>`,
+		defaultMessage: `Region not listed? <link>Let us know where you'd like to see Modrinth Hosting next!</link>`,
 	},
 	customPrompt: {
 		id: 'servers.region.custom.prompt',

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

@@ -295,10 +295,10 @@ function setInterval(newInterval: ServerBillingInterval) {
 								{
 									title:
 										isProratedCharge && prorationDays
-											? `Modrinth Servers (${planName}) — prorated for ${prorationDays} day${
+											? `Modrinth Hosting (${planName}) — prorated for ${prorationDays} day${
 													prorationDays === 1 ? '' : 's'
 												}`
-											: `Modrinth Servers (${planName})`,
+											: `Modrinth Hosting (${planName})`,
 									amount: total - tax,
 								},
 								{

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

@@ -44,7 +44,7 @@ const sharedCpus = computed(() => {
 					`CPU bursting allows your server to temporarily use additional threads to help mitigate TPS spikes. Click for more info.`
 				"
 				class="flex"
-				to="https://modrinth.com/servers#cpu-burst"
+				to="https://modrinth.com/hosting#cpu-burst"
 				target="_blank"
 				@click="() => emit('click-bursting-link')"
 			>

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

@@ -9,7 +9,7 @@
 		:customer="customer"
 		:payment-methods="paymentMethods"
 		:currency="selectedCurrency"
-		:return-url="`${props.siteUrl}/servers/manage`"
+		:return-url="`${props.siteUrl}/hosting/manage`"
 		:pings="regionPings"
 		:regions="regionsData"
 		:refresh-payment-methods="fetchPaymentData"

packages/ui/src/components/changelog/ChangelogEntry.vue

@@ -82,9 +82,9 @@ const messages = defineMessages({
 		id: 'changelog.product.web',
 		defaultMessage: 'Website',
 	},
-	servers: {
-		id: 'changelog.product.servers',
-		defaultMessage: 'Servers',
+	hosting: {
+		id: 'changelog.product.hosting',
+		defaultMessage: 'Hosting',
 	},
 	app: {
 		id: 'changelog.product.app',

packages/ui/src/components/servers/ServerListing.vue

@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<NuxtLink :to="status === 'suspended' ? '' : `/servers/manage/${props.server_id}`">
+		<NuxtLink :to="status === 'suspended' ? '' : `/hosting/manage/${props.server_id}`">
 			<div
 				class="flex flex-row items-center overflow-x-hidden rounded-2xl border-[1px] border-solid border-button-bg bg-bg-raised p-4 transition-transform duration-100"
 				:class="{

packages/ui/src/components/servers/labels/ServerGameLabel.vue

@@ -7,7 +7,7 @@
 		<GameIcon aria-hidden="true" class="size-5 shrink-0" />
 		<AutoLink
 			v-if="isLink"
-			:to="serverId ? `/servers/manage/${serverId}/options/loader` : ''"
+			:to="serverId ? `/hosting/manage/${serverId}/options/loader` : ''"
 			class="flex min-w-0 items-center truncate text-sm font-semibold"
 			:class="serverId ? 'hover:underline' : ''"
 		>

packages/ui/src/components/servers/labels/ServerLoaderLabel.vue

@@ -6,7 +6,7 @@
 			<div v-else class="size-5 shrink-0 animate-pulse rounded-full bg-button-border"></div>
 			<AutoLink
 				v-if="isLink"
-				:to="serverId ? `/servers/manage/${serverId}/options/loader` : ''"
+				:to="serverId ? `/hosting/manage/${serverId}/options/loader` : ''"
 				class="flex min-w-0 items-center text-sm font-semibold"
 				:class="serverId ? 'hover:underline' : ''"
 			>

packages/ui/src/components/servers/marketing/MedalServerListing.vue

@@ -8,7 +8,7 @@
 		>
 			<MedalBackgroundImage />
 			<AutoLink
-				:to="status === 'suspended' ? '' : `/servers/manage/${props.server_id}`"
+				:to="status === 'suspended' ? '' : `/hosting/manage/${props.server_id}`"
 				class="z-10 flex flex-grow flex-row items-center overflow-x-hidden"
 				:class="status !== 'suspended' && 'active:scale-95'"
 			>

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

@@ -152,8 +152,8 @@
   "changelog.product.app": {
     "defaultMessage": "App"
   },
-  "changelog.product.servers": {
-    "defaultMessage": "Servers"
+  "changelog.product.hosting": {
+    "defaultMessage": "Hosting"
   },
   "changelog.product.web": {
     "defaultMessage": "Website"
@@ -930,7 +930,7 @@
     "defaultMessage": "Where would you like your server to be located?"
   },
   "servers.region.region-unsupported": {
-    "defaultMessage": "Region not listed? <link>Let us know where you'd like to see Modrinth Servers next!</link>"
+    "defaultMessage": "Region not listed? <link>Let us know where you'd like to see Modrinth Hosting next!</link>"
   },
   "servers.region.southeast-asia": {
     "defaultMessage": "Southeast Asia"

packages/ui/src/pages/hosting/manage/index.vue

@@ -30,8 +30,8 @@
 							on getting them back online.
 						</li>
 						<li>
-							If you recently purchased your Modrinth Server, it is currently in a queue and will
-							appear here as soon as it's ready. <br />
+							If you recently purchased your Modrinth Hosting server, it is currently in a queue and
+							will appear here as soon as it's ready. <br />
 							<span class="font-medium text-contrast"
 								>Do not attempt to purchase a new server.</span
 							>
@@ -96,9 +96,9 @@
 					"
 				/>
 				<h1 class="m-0 text-contrast">You don't have any servers yet!</h1>
-				<p class="m-0">Modrinth Servers is a new way to play modded Minecraft with your friends.</p>
+				<p class="m-0">Modrinth Hosting is a new way to play modded Minecraft with your friends.</p>
 				<ButtonStyled size="large" type="standard" color="brand">
-					<AutoLink to="/servers#plan">Create a Server</AutoLink>
+					<AutoLink to="/servers#plan">Create a server</AutoLink>
 				</ButtonStyled>
 			</div>
 

packages/ui/src/pages/index.ts

@@ -1 +1 @@
-export { default as ServersManagePageIndex } from './servers/manage/index.vue'
+export { default as ServersManagePageIndex } from './hosting/manage/index.vue'