From 97887dd7aebcdd8c2dc6c871011298c4622dd79d Mon Sep 17 00:00:00 2001
From: sumeyye <sum.the.developer@gmail.com>
Date: Tue, 14 Oct 2025 10:40:15 +0300
Subject: [PATCH] fix: manage profile page tabs doc

---
 .../ui/angular/manage-profile-page-tabs.md          | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/docs/en/framework/ui/angular/manage-profile-page-tabs.md b/docs/en/framework/ui/angular/manage-profile-page-tabs.md
index fbb12c852e..96e81b6e3a 100644
--- a/docs/en/framework/ui/angular/manage-profile-page-tabs.md
+++ b/docs/en/framework/ui/angular/manage-profile-page-tabs.md
@@ -9,13 +9,12 @@ See the example below, covers all features:
 ```ts
 // manage-profile-tabs.provider.ts
 
-import { provideAppInitializer, Component } from "@angular/core";
+import { Component, inject, provideAppInitializer } from "@angular/core";
 import { TwoFactorTabComponent } from "@volo/abp.ng.account/public";
 import {
   eAccountManageProfileTabNames,
   ManageProfileTabsService,
 } from "@volo/abp.ng.account/public/config";
-import { MyAwesomeTabComponent } from "./my-awesome-tab/my-awesome-tab.component";
 
 @Component({
   selector: "abp-my-awesome-tab",
@@ -23,14 +22,14 @@ import { MyAwesomeTabComponent } from "./my-awesome-tab/my-awesome-tab.component
 })
 class MyAwesomeTabComponent {}
 
-export const MANAGE_PROFILE_TAB_PROVIDER = {
-  provideAppInitializer(()=>{
+export const MANAGE_PROFILE_TAB_PROVIDER = [
+  provideAppInitializer(() => {
     configureManageProfileTabs();
   }),
-};
+];
 
 export function configureManageProfileTabs() {
-  tabs = inject(ManageProfileTabsService);
+  const tabs = inject(ManageProfileTabsService);
   tabs.add([
     {
       name: "::MyAwesomeTab", // supports localization keys
@@ -56,7 +55,7 @@ import { MANAGE_PROFILE_TAB_PROVIDER } from "./manage-profile-tabs.provider";
 export const appConfig: ApplicationConfig = {
   providers: [
     // ...
-    MANAGE_PROFILE_TAB_PROVIDER
+    MANAGE_PROFILE_TAB_PROVIDER,
   ],
 };
 ```