Use renderer

Author: theletterf

src/Elastic.Markdown/Myst/Directives/Stepper/StepView.cshtml

@@ -6,32 +6,32 @@
 		{
 			case 1:
 				<h1 id="@Model.Anchor">
-					<a href="#@Model.Anchor">@Model.Title</a>
+					<a href="#@Model.Anchor">@Model.RenderTitle()</a>
 				</h1>
 				break;
 			case 2:
 				<h2 id="@Model.Anchor">
-					<a href="#@Model.Anchor">@Model.Title</a>
+					<a href="#@Model.Anchor">@Model.RenderTitle()</a>
 				</h2>
 				break;
 			case 3:
 				<h3 id="@Model.Anchor">
-					<a href="#@Model.Anchor">@Model.Title</a>
+					<a href="#@Model.Anchor">@Model.RenderTitle()</a>
 				</h3>
 				break;
 			case 4:
 				<h4 id="@Model.Anchor">
-					<a href="#@Model.Anchor">@Model.Title</a>
+					<a href="#@Model.Anchor">@Model.RenderTitle()</a>
 				</h4>
 				break;
 			case 5:
 				<h5 id="@Model.Anchor">
-					<a href="#@Model.Anchor">@Model.Title</a>
+					<a href="#@Model.Anchor">@Model.RenderTitle()</a>
 				</h5>
 				break;
 			default:
 				<h6 id="@Model.Anchor">
-					<a href="#@Model.Anchor">@Model.Title</a>
+					<a href="#@Model.Anchor">@Model.RenderTitle()</a>
 				</h6>
 				break;
 		}

src/Elastic.Markdown/Myst/Directives/Stepper/StepViewModel.cs

@@ -2,11 +2,23 @@
 // Elasticsearch B.V licenses this file to you under the Apache 2.0 License.
 // See the LICENSE file in the project root for more information
 
+using Microsoft.AspNetCore.Html;
+
 namespace Elastic.Markdown.Myst.Directives.Stepper;
 
 public class StepViewModel : DirectiveViewModel
 {
 	public required string Title { get; init; }
 	public required string Anchor { get; init; }
 	public required int HeadingLevel { get; init; }
+
+	/// <summary>
+	/// Renders the title with substitutions applied
+	/// </summary>
+	public HtmlString RenderTitle()
+	{
+		// For now, just return the title as-is since substitutions are already applied in FinalizeAndValidate
+		// In the future, this could be extended to handle full markdown processing
+		return new HtmlString(Title);
+	}
 }