import template from "./login.html";
import controller from "./login.controller";
import "./login.styl";

let loginComponent = {
  template,
  controller,
  controllerAs: "ctrl"
};

export default loginComponent;

import template from "./login.html";
import controller from "./login.controller";
import "./login.styl";

let loginComponent = {
  restrict: "E",
  bindings: {},
  template,
  controller,
  controllerAs: "ctrl"
};

export default loginComponent;

--- 
+++ 
@@ -3,8 +3,6 @@
 import "./login.styl";
 
 let loginComponent = {
-  restrict: "E",
-  bindings: {},
   template,
   controller,
   controllerAs: "ctrl"
Use implicit restrict and bindings

An angular component is restricted to elements ("E") by default.
