ngComponentRouter with modules (not working)

home.component.js

import template from './home.html';
import controller from './home.controller';
import './home.scss';

let homeComponent = {

    restrict: 'E',
    template: template,
    controller: ['$router', controller],
    controllerAs: 'vm',
    bindToController: true

};

export default homeComponent;

home.controller.js

class HomeController {

    constructor($router) {

        this.name = 'home';
        
        // Trying to pass the home routes in constructor

        $router.config([
            {
                path: '/',
                component: 'home',
                as: 'Home'
            },
        ]);

    }

}

export default HomeController;

home.js

import angular from 'npm/angular';
import 'npm/@angular/router/angular1/angular_1_router';
import homeComponent from './home.component';

let homeModule = angular.module('home', [
    'ngComponentRouter'
])

// This is not working since $router can't be injected like $stateProvider and $urlRouterProvider

// homeModule.config(($router) => {

//     console.log($router);

//     $router = [
//         { path: '/home', as: 'Home',  component: homeComponent }
//     ]

// })

.component('home', homeComponent);

export default homeModule;

home.js (working)

/* WORKING WITH ANGULAR-UI-ROUTER */

import angular from 'npm/angular';
import uiRouter from 'npm/angular-ui-router';
import homeComponent from './home.component';

let homeModule = angular.module('home', [
    uiRouter
])

.config(($stateProvider, $urlRouterProvider) => {

.config(($stateProvider, $urlRouterProvider) => {

    $urlRouterProvider.otherwise('/');

    $stateProvider
        .state('home', {
            url: '/',
            template: '<home></home>'
        });
        
})

.component('home', homeComponent);

export default homeModule;