Problème dév

Bonjour, j’ai un problème voici ce que m’affiche mon code :


voici ce que sa devrais donner :
voici mon code
App.vue :
`

#app { font-family: 'Avenir', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin-top: 60px; } `

ContactPage.vue :
`







ContactListe.vue :



  • {{ contact.prenom }}

  • {{ contact.nom }}

  • <button @click=‘selectContact(contact)’> Voir les détails

<button @click=‘addContact’> Ajouter un contact

{{ counter }} Contacts



div.contactDetails{ display: inline-block; width: 40%; } `