Search Console Breadcrumbs issues: data-vocabulary.org schema deprecated no longer be eligible for the breadcrumb

Is there a solution for this?

*****
As of April 6, 2020, data-vocabulary.org markup will no longer be eligible for the breadcrumb feature in Google Search. To be eligible after April 6, 2020, you need to replace data-vocabulary.org markup with schema.org markup. Learn more about sunsetting support for data-vocabulary.
******
To the owner of ....:

Search Console has identified that your site is affected by 1 Breadcrumbs issues:

Top Warnings

Warnings are suggestions for improvement. Some warnings can affect your appearance on Search; some might be reclassified as errors in the future. The following warnings were found on your site:

data-vocabulary.org schema deprecated

We recommend that you fix these issues when possible to enable the best experience and coverage in Google Search.

Hi,

in the last version of nopcommerce you can see the new format for breadcrumbs with schema.org

https://github.com/nopSolutions/nopCommerce/blob/develop/src/Presentation/Nop.Web/Views/Product/_ProductBreadcrumb.cshtml

For nop version 3.9, I merged the 3.9 logic of the breadcrumb view (..\Views\Product\_ProductBreadcrumb.cshtml) with the 4.2 version that is already upgraded for schema.org as follows -

@model ProductDetailsModel.ProductBreadcrumbModel
@using Nop.Core.Domain.Common;
@using Nop.Core.Infrastructure;
@using Nop.Web.Models.Catalog;
@{
    var breadcrumbDelimiter = EngineContext.Current.Resolve<CommonSettings>().BreadcrumbDelimiter;
}
@if (Model.Enabled)
{
    <div class="breadcrumb">
        <ul itemscope itemtype="http://schema.org/BreadcrumbList">
                @Html.Widget("productbreadcrumb_before", Model.ProductId)
                <li>
                    <span>
                        <a href="@Url.RouteUrl("Homepage")">
                            <span>@T("Products.Breadcrumb.Top")</span>
                        </a>
                    </span>
                    <span class="delimiter">@breadcrumbDelimiter</span>
                </li>
                @{ int position = 1; }
                @foreach (var category in Model.CategoryBreadcrumb)
                {
                    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
                        <a href="@Url.RouteUrl("Category", new { SeName = category.SeName })" itemprop="item">
                            <span itemprop="name">@category.Name</span>
                        </a>
                        <span class="delimiter">@breadcrumbDelimiter</span>
                        <meta itemprop="position" content="@position" style="Display:none;"/>
                    </li>
                    position++;
                }
                
                <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
                    <strong class="current-item" itemprop="name">@Model.ProductName</strong>
                    <span itemprop="item" itemscope itemtype="http://schema.org/Thing" 
                          id="@Url.RouteUrl("Product", new { SeName = Model.ProductSeName })" style="Display:none;">
                    </span>
                    <meta itemprop="position" content="@position" style="Display:none;"/>
                    @Html.Widget("productbreadcrumb_after", Model.ProductId)
                </li>
            </ul>
    </div>
}

Hi,
it has error on @html.widget.

What is the error that you're getting?