| commit | author | age | ||
| b63e90 | 1 | const app = Vue.createApp({ |
| CM | 2 | data() { |
| 3 | return { | |
| 4 | detailsAreVisible: false, | |
| 5 | friends: [ | |
| 6 | { | |
| 7 | id: 'manuel', | |
| 8 | name: 'Manuel Lorenz', | |
| 9 | phone: '01234 5678 991', | |
| 10 | email: 'manuel@localhost.com', | |
| 11 | }, | |
| 12 | { | |
| 13 | id: 'julie', | |
| 14 | name: 'Julie Jones', | |
| 15 | phone: '09876 543 221', | |
| 16 | email: 'julie@localhost.com', | |
| 17 | }, | |
| 18 | ], | |
| 19 | }; | |
| 20 | }, | |
| 21 | methods: { | |
| 22 | toggleDetails() { | |
| 23 | this.detailsAreVisible = !this.detailsAreVisible; | |
| 24 | } | |
| 25 | } | |
| 26 | }); | |
| 27 | ||
| 28 | app.mount('#app'); | |
