ASP.NET Core–Taghelper doesn’t work in ViewComponent

Inside my ASP.NET Core application I created a custom ViewComponent that could be used to log out a user. To make my life a little bit easier I used an ASP.NET Core TagHelper  inside my component:

	@using ViewComponents.Logout
	@if (User.Identity.IsAuthenticated)
	{
	<form method="post" asp-action="Logout" asp-controller="Account" id="logoutForm">
	<ul class="nav navbar-nav navbar-right" id="logoutMenu" title="Logout" style="padding-left: 10px; padding-right: 20px">
	<li class="nav-item show">
	<a href="javascript:logoff()" class="nav-link" role="button"><span class="k-icon k-i-logout" style="padding-right: 2px"></span></a>
	</li>
	</ul>
	</form>
	<script type="text/javascript">
	function logoff() {
	var message = "Are you sure you want to logout?";
	if (confirm(message)) {
	var logoutForm = document.getElementById('logoutForm');
	logoutForm.submit();
	}
	}
	</script>
	}

view raw Default.cshtml hosted with ❤ by GitHub

	namespace ViewComponents.Logout
	{
	public class LogoutViewComponent : ViewComponent
	{
	public LogoutViewComponent()
	{
	}
	public async Task<IViewComponentResult> InvokeAsync()
	{
	return View();
	}
	}
	}

view raw LogoutViewComponent.cs hosted with ❤ by GitHub

Unfortunately this didn’t work and instead of parsing the custom tags the TagHelpers were rendered ‘as-is’ in the HTML output:

	<form method="post" asp-action="Logout" asp-controller="Account" id="logoutForm">
	<ul class="nav navbar-nav navbar-right" id="afmeldenmenu" title="Afmelden" style="padding-left: 10px; padding-right: 20px">
	<li class="nav-item show">
	<a href="javascript:logoff()" class="nav-link" role="button"><span class="k-icon k-i-logout" style="padding-right: 2px"></span></a>
	</li>
	</ul>
	</form>

view raw Default.html hosted with ❤ by GitHub

To fix it I had to explicitly include the TagHelpers inside my ViewComponent using @addTagHelper:

@using ViewComponents.Logout

@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers