diff --git a/app.js b/app.js
index 7b0f6ef..7034975 100644
--- a/app.js
+++ b/app.js
@@ -1,6 +1,10 @@
 var app = new Vue({
   el: '#app',
   data: {
-    show: true
+    ingredients: ['meat', 'fruit', 'cookies'],
+    persons: [
+      {name: "Max", age: 33, color: "red"},
+      {name: "Tyrel", age: 30, color: "blue"},
+    ]
   }
 });
diff --git a/index.html b/index.html
index 3f546ac..28ff85a 100644
--- a/index.html
+++ b/index.html
@@ -7,17 +7,11 @@
   </head>
   <body>
     <div id='app'>
-      <button type="button" name="button" @click="show = !show">
-        Switch
-      </button>
-
-      <p v-if="show">You can see me</p>
-      <p v-else>Now you see me</p>
-      <template v-if="show">
-        <h1>Heading</h1>
-        <p>Inside a template</p>
-      </template>
-      <p v-show="show">Do you also see me?</p>
+      <ul>
+        <li v-for="ingredient in ingredients">
+          {{ ingredient }}
+        </li>
+      </ul>
     </div>
     <script src="app.js" charset="utf-8"></script>
   </body>
