ng-forward ng1 migration (after)

app.js

import { Component, bundle } from 'ng-forward';
import { ComponentA } from './component-a';
import { ComponentB } from './component-b';

@Component({
  selector: 'app',
  directives: [ ComponentA, ComponentB ]
})
export class App { }

// Now that we've got all the things converted, we can move our bundle call
// to the top most level of our app. Bundle will follow all the dependencies
// via the directives and providers properties to include them all in one bundled module
let module = bundle('app.my-component', App);

// If you need to further use this portion of your app in an even bigger portion
// just repeat the process up the tree. Here is now a reference to this module.
export default module.name;

component-a.js

import { Component, Inject, bundle } from 'ng-forward'; 
import { ServiceA } from './service-a';

@Component({
  selector: 'component-a',
  providers: [ ServiceA ]
})
export class ComponentA { }

component-b.js

import { Component, Inject, bundle } from 'ng-forward'; 
import { ServiceB } from './service-b';

@Component({
  selector: 'component-b',
  providers: [ ServiceB ]
})
export class ComponentB { }

service-a.js

import { Injectable } from 'ng-forward';

@Injectable()
export class ServiceA{ }

service-b.js

import { Injectable } from 'ng-forward';

@Injectable()
export class ServiceB{ }

Do you really need Inject and bundle imported in components ?

Where did @Inject(ServiceA) go ?