feat(Products): exibe listagem de produtos

Author: renebentes

src/BlazingShop/Components/Layout/NavMenu.razor

@@ -15,8 +15,8 @@
         </div>
 
         <div class="nav-item px-3">
-            <NavLink class="nav-link" href="counter">
-                <span class="bi bi-plus-square-fill-nav-menu" aria-hidden="true"></span> Counter
+            <NavLink class="nav-link" href="products">
+                <span class="bi bi-plus-square-fill-nav-menu" aria-hidden="true"></span> Products
             </NavLink>
         </div>
     </nav>

src/BlazingShop/Components/Pages/Counter.razor

@@ -0,0 +1,28 @@
+@page "/products"
+
+<PageTitle>Products</PageTitle>
+
+<h1>Products</h1>
+
+<ul>
+    @foreach (var product in _products)
+    {
+        <li>@product.Title</li>
+    }
+</ul>
+
+@code {
+    private List<Product> _products = [];
+
+    protected override async Task OnInitializedAsync()
+    {
+        await Task.Delay(500);
+        var category = new Category(1, $"Categoria 1");
+
+        for (var i = 0; i < 25; i++)
+        {
+            _products.Add(new Product(i, $"Título {i}", $"Descrição do produto {i}", $"imagem-produto-{i}", i * 13.75M, category));
+        }
+
+    }
+}