From b95ece04c4310a45375ff78a66e3e35f8f89efbe Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Mon, 8 Sep 2025 15:20:48 -0700
Subject: [PATCH] fix titles being off when plan stage is absent (#4355)

---
 .../components/billing/ModrinthServersPurchaseModal.vue   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue b/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue
index a9662ea12..a864a7d19 100644
--- a/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue
+++ b/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue
@@ -297,13 +297,13 @@ function goToBreadcrumbStep(id: string) {
 	<NewModal ref="modal" @hide="$emit('hide')">
 		<template #title>
 			<div class="flex items-center gap-1 font-bold text-secondary">
-				<template v-for="(title, id, index) in titles" :key="id">
+				<template v-for="(step, index) in steps" :key="step">
 					<button
 						v-if="index < currentStepIndex"
 						class="bg-transparent active:scale-95 font-bold text-secondary p-0"
-						@click="goToBreadcrumbStep(id as string)"
+						@click="goToBreadcrumbStep(step)"
 					>
-						{{ formatMessage(title) }}
+						{{ formatMessage(titles[step]) }}
 					</button>
 					<span
 						v-else
@@ -311,7 +311,7 @@ function goToBreadcrumbStep(id: string) {
 							'text-contrast': index === currentStepIndex,
 						}"
 					>
-						{{ formatMessage(title) }}
+						{{ formatMessage(titles[step]) }}
 					</span>
 					<ChevronRightIcon
 						v-if="index < steps.length - 1"