Make a list that we can add things to.

woodcoder · woodcoder · commit c5b64759d027 · 2016-10-04T08:23:41.000+01:00
diff --git a/index.html b/index.html
@@ -12,18 +12,23 @@
         <option value="icon-spades">Card Game</option>
       </select>
       <input v-model="game">
-      <p>
-        <span :class="type"></span>
-        {{ game }}
-      </p>
+      <button @click="games.push({game: game, type: type})">Add</button>
+      <p v-if="games.length == 0">Zarro Boords!</p>
+      <ul v-else>
+        <li v-for="g in games">
+          <span :class="g.type"></span>
+          {{ g.game }}
+        </li>
+      </ul>
     </div>
     <script src="node_modules/vue/dist/vue.js"></script>
     <script>
       var app = new Vue({
         el: '#app',
         data: {
-          game: 'Snakes and Ladders',
-          type: 'icon-dice'
+          game: '',
+          type: 'icon-dice',
+          games: []
         }
       })
     </script>
