Generated Route config - Option 1

products.route-config.ts

export default {
  title: 'Page Title',
  providers: [
    provideState()
  ]
}

products.route.ts

import { Component } from '@angular/core';

@Component({
  template: ''
})
export default class ProductsComponent {}

routes.ts

import productsRouteConfig from './products.route-config';

export const routes = [
  {
    path: 'products',
    loadComponent: () => import('./products.ts').then(m => m.default)
    ...productsRouteConfig
  }
];