Routing with Lazy Loading and Auth Guard

import { Routes } from '@angular/router';
import { authGuard } from './auth/auth.guard';

export const appRoutes: Routes = [
  {
    path: '',
    children: [
      {
        path: '',
        redirectTo: 'cases',
        pathMatch: 'full',
      },
      {
        path: 'cases',
        canActivate: [authGuard], // Csak bejelentkezett felhasználóknak elérhető
        loadComponent: () =>
          import('./features/cases/cases.component').then(
            (m) => m.CasesComponent
          ),
      },
      {
        path: 'login',
        canActivate: [authGuard], // Ha be vagy jelentkezve, átirányít a főoldalra
        loadComponent: () =>
          import('./auth/login/login.component').then((m) => m.LoginComponent),
      },
      {
        path: 'registration',
        canActivate: [authGuard], // Ha be vagy jelentkezve, átirányít a főoldalra
        loadComponent: () =>
          import('./auth/registration/registration.component').then(
            (m) => m.RegistrationComponent
          ),
      },
      {
        path: '404',
        loadComponent: () =>
          import('./core/not-found/not-found.component').then(
            (m) => m.NotFoundComponent
          ),
      },
      {
        path: '**',
        redirectTo: '404',
      },
    ],
  },
];