refactor: update routing to the new standalone API

Author: robertIsaac

src/app/app-routing.module.ts

@@ -1,17 +1,7 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
+import { Routes } from '@angular/router';
 
 export const routes: Routes = [
   {path: '', redirectTo: 'home', pathMatch: 'full'},
-  {path: 'home', loadChildren: () => import('./home/home.module').then(m => m.HomeModule)},
-  {path: 'feature', loadChildren: () => import('./feature/feature.module').then(m => m.FeatureModule)},
+  {path: 'home', loadComponent: () => import('./home/home.component')},
+  {path: 'feature', loadComponent: () => import('./feature/feature.component')},
 ];
-
-@NgModule({
-  imports: [RouterModule.forRoot(routes, {
-    initialNavigation: 'disabled',
-  })],
-  exports: [RouterModule],
-})
-export class AppRoutingModule {
-}

src/app/app.config.ts

@@ -1,28 +1,31 @@
 import { ApplicationConfig, importProvidersFrom } from '@angular/core';
 import { provideClientHydration } from '@angular/platform-browser';
-import { AppRoutingModule, routes } from './app-routing.module';
+import { routes } from './app-routing.module';
 import { TranslateLoader, TranslateModule, TranslateService } from '@ngx-translate/core';
 import { translateBrowserLoaderFactory } from './core/utils/translate-browser.loader';
 import { HttpClient, provideHttpClient } from '@angular/common/http';
 import { LocalizeParser, LocalizeRouterModule, LocalizeRouterSettings } from '@gilsdav/ngx-translate-router';
 import { localizeBrowserLoaderFactory } from './core/utils/localize-browser.loader';
 import { Location } from '@angular/common';
 import { provideAnimations } from '@angular/platform-browser/animations';
+import { provideRouter, withDisabledInitialNavigation } from '@angular/router';
 
 export const appConfig: ApplicationConfig = {
   providers: [
+    provideRouter(routes, withDisabledInitialNavigation()),
     provideClientHydration(),
-    importProvidersFrom(AppRoutingModule, TranslateModule.forRoot({
-      defaultLanguage: 'en',
-      loader: {
-        provide: TranslateLoader,
-        useFactory: translateBrowserLoaderFactory,
-        deps: [HttpClient],
-      },
-    }), LocalizeRouterModule.forRoot(routes, {
-      parser: {
-        provide: LocalizeParser,
-        useFactory: localizeBrowserLoaderFactory,
+    importProvidersFrom(
+      TranslateModule.forRoot({
+        defaultLanguage: 'en',
+        loader: {
+          provide: TranslateLoader,
+          useFactory: translateBrowserLoaderFactory,
+          deps: [HttpClient],
+        },
+      }), LocalizeRouterModule.forRoot(routes, {
+        parser: {
+          provide: LocalizeParser,
+          useFactory: localizeBrowserLoaderFactory,
         deps: [TranslateService, Location, LocalizeRouterSettings, HttpClient],
       },
       initialNavigation: true,

src/app/feature/feature-routing.module.ts

@@ -8,5 +8,5 @@ import { TranslateModule } from '@ngx-translate/core';
   standalone: true,
   imports: [TranslateModule],
 })
-export class FeatureComponent {
+export default class FeatureComponent {
 }

src/app/feature/feature.component.ts

@@ -8,5 +8,5 @@ import { TranslateModule } from '@ngx-translate/core';
   standalone: true,
   imports: [TranslateModule],
 })
-export class HomeComponent {
+export default class HomeComponent {
 }