From 00f3bb1150de41d12f0064a99fac5fc5ac4aca97 Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Mon, 25 Jan 2021 23:03:45 +0100
Subject: [PATCH] make the contact list dynamic

---
 vue-cli-01-a-new-vue-project/src/App.vue | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/vue-cli-01-a-new-vue-project/src/App.vue b/vue-cli-01-a-new-vue-project/src/App.vue
index c30274c..badff46 100644
--- a/vue-cli-01-a-new-vue-project/src/App.vue
+++ b/vue-cli-01-a-new-vue-project/src/App.vue
@@ -3,15 +3,11 @@
         <header><h1>My Friends</h1></header>
         <ul>
             <friend-contact
-                name="Manuel Lorenz"
-                email-address="manuel@localhost.com"
-                phone-number="0123 4567 890"
-                is-favorite="1"
-            ></friend-contact>
-            <friend-contact
-                name="Julie Jones"
-                email-address="julie@localhost.com"
-                phone-number="0123 4567 890"
+                v-for="friend in friends"
+                :key="friend.id"
+                :name="friend.name"
+                :email-address="friend.email"
+                :phone-number="friend.phone"
             ></friend-contact>
         </ul>
     </div>