<!DOCTYPE html>
<html>
<head>
  <title>HELLO MESSAGE | CapeJS Demo (ES6 version)</title>
  <link rel="stylesheet" type="text/css"
     href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
  <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
  <script src="../../../vendor/virtual-dom/virtual-dom.js"></script>
  <script src="../../../dist/cape.js"></script>
  <style>
    div.counter {
      border: 1px solid black;
      padding: 20px;
      margin: 20px;
      text-align: center;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="page-header">
      <h1>HELLO MESSAGE <small>CapeJS Demo (ES6 version)</small></h1>
    </div>

    <div class="page-body" id="hello-message" data-name="World"></div>
  </div>

  <script src="./hello_message.js"></script>
  <script>
    var component = new HelloMessage();
    component.mount('hello-message');
  </script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
  <title>HELLO MESSAGE | CapeJS Demo (ES6 version)</title>
  <link rel="stylesheet" type="text/css"
     href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
  <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
  <script src="../../vendor/virtual-dom/virtual-dom.js"></script>
  <script src="../../dist/cape.js"></script>
  <style>
    div.counter {
      border: 1px solid black;
      padding: 20px;
      margin: 20px;
      text-align: center;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="page-header">
      <h1>HELLO MESSAGE <small>CapeJS Demo (ES6 version)</small></h1>
    </div>

    <div class="page-body" id="hello-message" data-name="World"></div>
  </div>

  <script src="./hello_message.js"></script>
  <script>
    var component = new HelloMessage();
    component.mount('hello-message');
  </script>
</body>
</html>

Fix hello_message demo (es6 version)
Fix hello_message demo (es6 version)
