update: ng-packs > dev-app

npm/ng-packs/apps/dev-app/src/app/app.component.ts

@@ -1,6 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
+  standalone: false,
   selector: 'app-root',
   template: `
     <abp-loader-bar></abp-loader-bar>

npm/ng-packs/apps/dev-app/src/app/home/home.component.ts

@@ -2,6 +2,7 @@ import { AuthService } from '@abp/ng.core';
 import { Component, inject } from '@angular/core';
 
 @Component({
+  standalone: false,
   selector: 'app-home',
   templateUrl: './home.component.html',
 })

npm/ng-packs/apps/dev-app/src/app/route.provider.ts

@@ -1,20 +1,20 @@
 import { eLayoutType, RoutesService } from '@abp/ng.core';
-import { APP_INITIALIZER } from '@angular/core';
+import { inject, provideAppInitializer } from '@angular/core';
 
 export const APP_ROUTE_PROVIDER = [
-  { provide: APP_INITIALIZER, useFactory: configureRoutes, deps: [RoutesService], multi: true },
+  provideAppInitializer(() => {
+    configureRoutes(inject(RoutesService));
+  }),
 ];
 
 function configureRoutes(routesService: RoutesService) {
-  return () => {
+  routesService.add([
-    routesService.add([
+    {
-      {
+      path: '/',
-        path: '/',
+      name: '::Menu:Home',
-        name: '::Menu:Home',
+      iconClass: 'fas fa-home',
-        iconClass: 'fas fa-home',
+      order: 1,
-        order: 1,
+      layout: eLayoutType.application,
-        layout: eLayoutType.application,
+    },
-      },
+  ]);
-    ]);
-  };
 }