"use strict";
const app = Vue.createApp({
data() {
return {
friends: [
{
id: "manuel",
name: "Manuel Lorenz",
phone: "01234 5678 991",
email: "manuel@localhost.com",
},
id: "julie",
name: "Julie Jones",
phone: "09876 543 221",
email: "julie@localhost.com",
],
};
});
// use multiword component names
app.component("user-contact", {
detailsAreVisible: false,
methods: {
toggleDetails() {
this.detailsAreVisible = !this.detailsAreVisible;
app.mount("#app");