From 1c6769e900bbd7658ca2cf97daaa13e641e17237 Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Mon, 25 Jan 2021 12:29:50 +0100
Subject: [PATCH] add v-if to the contact details

---
 cmp-intro-01-starting-setup/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/cmp-intro-01-starting-setup/index.html b/cmp-intro-01-starting-setup/index.html
index b497c59..cfe07a8 100644
--- a/cmp-intro-01-starting-setup/index.html
+++ b/cmp-intro-01-starting-setup/index.html
@@ -19,8 +19,8 @@
         <ul>
             <li v-for="friend in friends">
                 <h2>{{ friend.name }}</h2>
-                <button>Show Details</button>
-                <ul>
+                <button @click="toggleDetails()">Show Details</button>
+                <ul v-if="detailsAreVisible">
                     <li><strong>Phone:</strong> {{ friend.phone }}</li>
                     <li><strong>Email:</strong> {{ friend.email }}</li>
                 </ul>