Exported Blazor components as web components

Author: Xenoage

Blazor/BlazorComponents.csproj

@@ -7,8 +7,9 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="7.0.10" />
-    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="7.0.10" PrivateAssets="all" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.CustomElements" Version="7.0.13" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="7.0.13" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="7.0.13" PrivateAssets="all" />
   </ItemGroup>
 
 </Project>

Blazor/Program.cs

@@ -1,4 +1,5 @@
 using BlazorComponents;
+using BlazorComponents.Components;
 using Microsoft.AspNetCore.Components.Web;
 using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
 
@@ -8,4 +9,8 @@
 
 builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
 
+// Register our components as a custom elements
+builder.RootComponents.RegisterCustomElement<Counter>("blazor-counter");
+builder.RootComponents.RegisterCustomElement<HeroEditor>("blazor-heroeditor");
+
 await builder.Build().RunAsync();