Untitled

/*

body ok-ish

*/

<body>
  <div id="app">


	<div id="vue-app">
        <div class="navbar_menu">
            <p>
                <i class="butonsus">BH Commutators for corners</i>
            </p>
    </div>

	 <div id="content">
      <table>
        <thead>
          <tr>
            <th>Date</th>
            <th>EUR</th>
            <th>USD</th>
            <th>Ops</th>
          </tr>
        </thead>
        <tbody>
          <tr v-for="(el, id) in currency">
            <td>{{el.Date}}</td>
            <td class="number">{{el.EUR | number}}</td>
            <td class="number">{{el.USD | number}}</td>
            <td><button v-on:click="edit(id)">Edit</button> <button v-on:click="remove(id)">Delete</button></td>
          </tr>
        </tbody>
      </table>
      <label>Date: <input v-model="input.Date" /></label><br />
      <label>EUR: <input v-model="input.EUR" /></label><br />
      <label>USD: <input v-model="input.USD" /></label><br />
      <button v-on:click="commit">{{(editId === null)?"Add":"Edit"}}</button>
    </div>
  </div>


</body>