finish lesson 46

lists-cond-01-starting-setup/app.js

@@ -9,6 +9,9 @@ const app = Vue.createApp({
         addGoal() {
             this.goals.push(this.enteredGoalValue);
         },
+        removeGoal(index) {
+            this.goals.splice(index, 1);
+        },
     },
 });
 

lists-cond-01-starting-setup/index.html

@@ -21,7 +21,10 @@
         <button @click="addGoal">Add Goal</button>
         <p v-if="goals.length === 0">No goals have been added yet - please start adding some!</p>
         <ul>
-            <li v-for="(goal, index) in goals">{{ goal }}</li>
+            <li v-for="(goal, index) in goals" :key="goal" @click="removeGoal(index)">
+                <p>{{ goal }} - {{ index }}</p>
+                <input type="text" @click.stop>
+            </li>
             <!-- <li v-for="(value, key, index) in {name: 'Max', age: 32}">{{ value }} - {{ key }} - {{ index }}</li>
             <li v-for="num in 10">{{ num }}</li> -->
         </ul>