diff --git a/index.html b/index.html
index 10792d3..e2757be 100644
--- a/index.html
+++ b/index.html
@@ -8,10 +8,12 @@
   <body>
     <div id='app'>
       <ul>
-        <li v-for="(ingredient, i) in ingredients">
+        <li v-for="(ingredient, i) in ingredients" :key="ingredient">
            ({{i+1}}) {{ ingredient }}
         </li>
       </ul>
+      <button @click="ingredients.push('spices')"> Add New</button>
+
       <hr>
       <template v-for="(ingredient, index) in ingredients">
         <h1>{{ingredient}}</h1>
