Step 6 - Computed

Author: mdlawson

src/app.vue

@@ -13,6 +13,11 @@
       <a v-on="click:remove(todo)">[x]</a>
     </li>
   </ul>
+  <div v-show="todos.length">
+    <strong>
+      {{ remaining }} {{ remaining | pluralize 'item' }} remaining
+    </strong>
+  </div>
 </template>
 
 <script>
@@ -22,6 +27,10 @@ export default {
     input: ''
   },
 
+  computed: {
+    remaining() { return this.todos.filter(todo => !todo.completed).length; }
+  },
+
   methods: {
     add() {
       var value = this.input.trim();