Vue TODO Base

TODO App using Vue.js

by Hugo Licon

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/nes.css/1.0.0/css/nes.min.css">
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
<div id="app">
  <h1>TODOS:</h1>
</div>

CSS

html,
body,
pre,
code,
kbd,
samp {
  font-family: "Press Start 2P";
}

body {
  background: #20262E;
  padding: 20px;
}

#app {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  transition: all 0.2s;
}

li {
  margin: 8px 0;
}

del {
  color: rgba(0, 0, 0, 0.3);
}

.padding {
  padding: 1px 7px 2px;
}

.flex {
  display: flex;
}

.space {
  flex-grow: 1;
}

Vue

new Vue({
  el: "#app",
  data: {
  	todos: [{text: 'todo 1', done: false, id: Date.now()}, {text: 'todo 2', done: false, id: Date.now() + 1}]
  },
  methods: {
  	
  }
})