Use built-in meta and title update

linkdotnet · linkdotnet · commit e6ae83483000 · 2021-11-27T16:36:46.000+01:00
diff --git a/LinkDotNet.Blog.Web/LinkDotNet.Blog.Web.csproj b/LinkDotNet.Blog.Web/LinkDotNet.Blog.Web.csproj
@@ -21,7 +21,6 @@
           <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
         </PackageReference>
         <PackageReference Include="Toolbelt.Blazor.HeadElement" Version="6.0.0" />
-        <PackageReference Include="Toolbelt.Blazor.HeadElement.ServerPrerendering" Version="6.0.0" />
     </ItemGroup>
 
     <ItemGroup>
diff --git a/LinkDotNet.Blog.Web/Pages/BlogPostPage.razor b/LinkDotNet.Blog.Web/Pages/BlogPostPage.razor
@@ -16,7 +16,7 @@
 }
 else
 {
-    <Title>@BlogPost.Title</Title>
+    <PageTitle>@BlogPost.Title</PageTitle>
     <OgData Title="@BlogPost.Title"
             AbsolutePreviewImageUrl="@BlogPost.PreviewImageUrl"
             Description="@(Markdown.ToPlainText(BlogPost.ShortDescription))"
diff --git a/LinkDotNet.Blog.Web/Pages/SearchByTag.razor b/LinkDotNet.Blog.Web/Pages/SearchByTag.razor
@@ -6,7 +6,7 @@
 @inject IRepository<BlogPost> blogPostRepository
 @inject IUserRecordService userRecordService
 
-<Title>Search for tag: @Tag</Title>
+<PageTitle>Search for tag: @Tag</PageTitle>
 
 <h3>All posts with Tag <em>@Tag</em></h3>
 
diff --git a/LinkDotNet.Blog.Web/Pages/_Host.cshtml b/LinkDotNet.Blog.Web/Pages/_Host.cshtml
@@ -1,5 +1,6 @@
 ﻿@page "/"
 @namespace LinkDotNet.Blog.Web.Pages
+@using Microsoft.AspNetCore.Components.Web
 @inject AppConfiguration appConfiguration
 @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
 @{
@@ -33,6 +34,7 @@
     <link rel="preload" href="_content/Blazored.Toast/blazored-toast.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" href="_content/Blazored.Toast/blazored-toast.min.css"></noscript>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/styles/monokai.min.css" integrity="sha512-RLF8eOxhuwsRINc7r56dpl9a3VStqrXD+udWahutJrYdyh++2Ghnf+s4jFsOyryKZt/GNjPwbXVPH3MJpKrn2g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />
 </head>
 <body>
 <component type="typeof(App)" render-mode="ServerPrerendered"/>
diff --git a/LinkDotNet.Blog.Web/Shared/OgData.razor b/LinkDotNet.Blog.Web/Shared/OgData.razor
@@ -1,19 +1,20 @@
 ﻿@inject NavigationManager navigationManager
 @using Toolbelt.Blazor.HeadElement
 
-<Meta Name="title" Property="og:title" Content="@Title" />
-<Meta Name="image" Property="og:image" Content="@AbsolutePreviewImageUrl" />
-<Meta Property="og:type" Content="article" />
-<Meta Property="og:url" Content="@navigationManager.Uri" />
-@if (Keywords != null)
-{
-    <Meta name="keywords" content="@Keywords"/>
-}
-@if (Description != null)
-{
-    <Meta name="description" property="og:description" content="@Description" />
-}
-
+<HeadContent>
+    <meta name="title" property="og:title" content="@Title" />
+    <meta name="image" property="og:image" content="@AbsolutePreviewImageUrl" />
+    <meta property="og:type" content="article" />
+    <meta property="og:url" content="@navigationManager.Uri" />
+    @if (Keywords != null)
+    {
+        <meta name="keywords" content="@Keywords"/>
+    }
+    @if (Description != null)
+    {
+        <meta name="description" property="og:description" content="@Description" />
+    }
+</HeadContent>
 @code {
 
     [Parameter]
diff --git a/LinkDotNet.Blog.Web/Startup.cs b/LinkDotNet.Blog.Web/Startup.cs
@@ -57,8 +57,6 @@ public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
             app.UseHsts();
         }
 
-        app.UseHeadElementServerPrerendering();
-
         app.UseHttpsRedirection();
         app.UseStaticFiles();
 
@@ -74,4 +72,4 @@ public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
             endpoints.MapFallbackToPage("/_Host");
         });
     }
-}
+}

Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,7 @@`
`16`	`16`	`}`
`17`	`17`	`else`
`18`	`18`	`{`
`19`		`- <Title>@BlogPost.Title</Title>`
	`19`	`+ <PageTitle>@BlogPost.Title</PageTitle>`
`20`	`20`	`<OgData Title="@BlogPost.Title"`
`21`	`21`	`AbsolutePreviewImageUrl="@BlogPost.PreviewImageUrl"`
`22`	`22`	`Description="@(Markdown.ToPlainText(BlogPost.ShortDescription))"`
Original file line number	Diff line number	Diff line change
`@@ -57,8 +57,6 @@ public void Configure(IApplicationBuilder app, IWebHostEnvironment env)`
`57`	`57`	`app.UseHsts();`
`58`	`58`	`}`
`59`	`59`
`60`		`- app.UseHeadElementServerPrerendering();`
`61`		`-`
`62`	`60`	`app.UseHttpsRedirection();`
`63`	`61`	`app.UseStaticFiles();`
`64`	`62`
`@@ -74,4 +72,4 @@ public void Configure(IApplicationBuilder app, IWebHostEnvironment env)`
`74`	`72`	`endpoints.MapFallbackToPage("/_Host");`
`75`	`73`	`});`
`76`	`74`	`}`
`77`		`-}`
	`75`	`+}`