diff --git a/src/route-href.js b/src/route-href.js
index 836a8a0..b101c28 100644
--- a/src/route-href.js
+++ b/src/route-href.js
@@ -10,8 +10,12 @@ const logger = LogManager.getLogger('route-href');
 @bindable({name: 'route', changeHandler: 'processChange', primaryProperty: true})
 @bindable({name: 'params', changeHandler: 'processChange'})
 @bindable({name: 'attribute', defaultValue: 'href'})
-@inject(Router, DOM.Element)
 export class RouteHref {
+
+  static inject() {
+    return [Router, DOM.Element];
+  }
+
   constructor(router, element) {
     this.router = router;
     this.element = element;
diff --git a/src/router-view.js b/src/router-view.js
index e3185de..8d0f379 100644
--- a/src/router-view.js
+++ b/src/router-view.js
@@ -7,8 +7,12 @@ import {DOM} from 'aurelia-pal';
 
 @customElement('router-view')
 @noView
-@inject(DOM.Element, Container, ViewSlot, Router, ViewLocator, CompositionTransaction, CompositionEngine)
 export class RouterView {
+
+  static inject() {
+    return [DOM.Element, Container, ViewSlot, Router, ViewLocator, CompositionTransaction, CompositionEngine];
+  }
+
   @bindable swapOrder;
   @bindable layoutView;
   @bindable layoutViewModel;