Set Title via JSInterop instead of partially unsupported component

Author: linkdotnet

LinkDotNet.Blog.Web/Pages/BlogPostPage.razor

@@ -4,7 +4,6 @@
 @using LinkDotNet.Domain
 @using LinkDotNet.Infrastructure.Persistence
 @using Markdig
-@using Microsoft.AspNetCore.Components.Web.Extensions.Head
 @inject IRepository _repository
 @inject IJSRuntime _jsRuntime
 @inherits MarkdownComponentBase

LinkDotNet.Blog.Web/Pages/_Host.cshtml

@@ -41,9 +41,12 @@
     <a href="" class="reload">Reload</a>
     <a class="dismiss">🗙</a>
 </div>
-
+<script>
+    window.setDocumentTitle = (title) => {
+        document.title = title;
+    };
+</script>
 <script src="_framework/blazor.server.js"></script>
-<script async src="_content/Microsoft.AspNetCore.Components.Web.Extensions/headManager.js" type="module"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.0.1/highlight.min.js" integrity="sha512-W7EehcwtSbRF63FIQlXEOOd5mnq0Et0V0nUOvwcUvjnCKgOLLYbqriQxEQSp63sfrkryxIg/A/O8v8O18QwQCQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 <script async src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.0.1/languages/csharp.min.js" integrity="sha512-2GO++5/u4InQ3/o7fLh93nyZIzTFl7fYi7+RjP7pgxsXikSCRf5jjw8U8vQSfCfFolN8G8xAxct9696uVxtQSg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 <script async src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/js/all.min.js" integrity="sha512-RXf+QSDCUQs5uwRKaDoXt55jygZZm2V++WUZduaU/Ui/9EGp3f/2KZVahFZBKGH0s774sd3HmrhUy+SgOFQLVQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

LinkDotNet.Blog.Web/Shared/Title.razor

@@ -0,0 +1,11 @@
+@inject IJSRuntime _jsRuntime
+
+@code {
+    [Parameter]
+    public string Value { get; set; }
+
+    protected override async Task OnParametersSetAsync()
+    {
+        await _jsRuntime.InvokeVoidAsync("setDocumentTitle", Value);
+    }
+}

LinkDotNet.Blog.Web/appsettings.json

@@ -12,8 +12,8 @@
   "LinkedInAccountUrl": "",
   "Introduction": {
     "Description": "Hey, my name is **Steven**. I am a **.NET Developer** based in Zurich, Switzerland. This is my small blog, which I wrote completely in Blazor. If you want to know more about me just check out my LinkedIn or Github.\nAlso this blogsoftware is open source on [Github](https://github.com/linkdotnet/blog)",
-    "BackgroundUrl": "assets/profile-background.png",
-    "ProfilePictureUrl": "assets/profile-picture.jfif"
+    "BackgroundUrl": "assets/profile-background.webp",
+    "ProfilePictureUrl": "assets/profile-picture.webp"
   },
   "ConnectionString": "",
   "DatabaseName": "",