Use raw markup

Author: linkdotnet

src/LinkDotNet.Blog.Web/Features/Components/StructuredData.razor renamed to src/LinkDotNet.Blog.Web/Features/ShowBlogPost/Components/StructuredData.razor

@@ -21,7 +21,7 @@
 	[Parameter]
 	public string Author { get; set; }
 
-	private string StructuredDataJson { get; set; }
+	private MarkupString StructuredDataJson { get; set; }
 
 	private readonly JsonSerializerOptions jsonOptions = new() { WriteIndented = true };
 
@@ -43,7 +43,7 @@
 			article.Image.Add(PreviewFallbackImage);
 		}
 
-		StructuredDataJson = JsonSerializer.Serialize(article, jsonOptions);
+		StructuredDataJson = (MarkupString)JsonSerializer.Serialize(article, jsonOptions);
 
 		await base.OnParametersSetAsync();
 	}

tests/LinkDotNet.Blog.UnitTests/Web/Features/ShowBlogPost/Components/StructuredDataTests.cs

@@ -0,0 +1,22 @@
+using LinkDotNet.Blog.Web.Features.ShowBlogPost.Components;
+using Microsoft.AspNetCore.Components.Web;
+
+namespace LinkDotNet.Blog.UnitTests.Web.Features.ShowBlogPost.Components;
+
+public class StructuredDataTests : TestContext
+{
+    [Fact]
+    public void ShouldRenderRawMarkup()
+    {
+        ComponentFactories.AddStub<HeadContent>(ps => ps.Get(p => p.ChildContent));
+
+        var cut = RenderComponent<StructuredData>(
+            ps => ps.Add(p => p.Author, "Steven")
+                .Add(p => p.Headline, "Headline")
+                .Add(p => p.PreviewImage, "url1")
+                .Add(p => p.PreviewFallbackImage, "url2"));
+
+        var element = cut.Find("script");
+        element.Should().NotBeNull();
+    }
+}