fix: update the image regarding the "providers" section.

content/components.md → content/providers.md

@@ -2,7 +2,7 @@
 
 Providers are a fundamental concept in Nest. Many of the basic Nest classes may be treated as a provider – services, repositories, factories, helpers, and so on. The main idea of a provider is that it can be **injected** as a dependency; this means objects can create various relationships with each other, and the function of "wiring up" these objects can largely be delegated to the Nest runtime system.
 
-<figure><img src="/assets/Components_1.png" /></figure>
+<figure><img src="/assets/Providers_1.png" /></figure>
 
 In the previous chapter, we built a simple `CatsController`. Controllers should handle HTTP requests and delegate more complex tasks to **providers**. Providers are plain JavaScript classes that are declared as `providers` in a [module](/modules).
 

src/app/app-routing.module.ts

@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
 import { PreloadAllModules, RouterModule, Routes } from '@angular/router';
 import { HomepageComponent } from './homepage/homepage.component';
 import { ApplicationContextComponent } from './homepage/pages/application-context/application-context.component';
-import { ComponentsComponent } from './homepage/pages/components/components.component';
+import { ProvidersComponent } from './homepage/pages/providers/providers.component';
 import { ControllersComponent } from './homepage/pages/controllers/controllers.component';
 import { CustomDecoratorsComponent } from './homepage/pages/custom-decorators/custom-decorators.component';
 import { WhoUsesComponent } from './homepage/pages/discover/who-uses/who-uses.component';
@@ -44,7 +44,7 @@ const routes: Routes = [
       },
       {
         path: 'providers',
-        component: ComponentsComponent,
+        component: ProvidersComponent,
         data: { title: 'Providers' },
       },
       {

src/app/app.module.ts

@@ -12,7 +12,7 @@ import { MenuItemComponent } from './homepage/menu/menu-item/menu-item.component
 import { MenuComponent } from './homepage/menu/menu.component';
 import { NewsletterComponent } from './homepage/newsletter/newsletter.component';
 import { ApplicationContextComponent } from './homepage/pages/application-context/application-context.component';
-import { ComponentsComponent } from './homepage/pages/components/components.component';
+import { ProvidersComponent } from './homepage/pages/providers/providers.component';
 import { ControllersComponent } from './homepage/pages/controllers/controllers.component';
 import { CustomDecoratorsComponent } from './homepage/pages/custom-decorators/custom-decorators.component';
 import { WhoUsesComponent } from './homepage/pages/discover/who-uses/who-uses.component';
@@ -49,7 +49,7 @@ import { SharedModule } from './shared/shared.module';
     FirstStepsComponent,
     ControllersComponent,
     BasePageComponent,
-    ComponentsComponent,
+    ProvidersComponent,
     ModulesComponent,
     MiddlewaresComponent,
     PipesComponent,

src/app/homepage/pages/components/components.component.ts → src/app/homepage/pages/providers/providers.component.ts

@@ -3,7 +3,7 @@ import { BasePageComponent } from '../page/page.component';
 
 @Component({
   selector: 'app-components',
-  templateUrl: './components.component.html',
+  templateUrl: './providers.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class ComponentsComponent extends BasePageComponent {}
+export class ProvidersComponent extends BasePageComponent {}