
<template>
    <details>
        <summary>
            <span class="onglet">👤 Contact</span>
        </summary>
        <ul>
            <li><router-link to="/contact">📝 Profil</router-link></li>
            <li><router-link to="">🗒️ Liste des contacts</router-link></li>
        </ul>
    </details>

    <details>
        <summary>
            <span class="onglet">💬 ✉️ Messages</span>
        </summary>
        <ul>
            <li><router-link to="/correspondance">📭 Correspondance</router-link></li>
            <li><router-link to="/chat">💬 Chat</router-link></li>
            <li><router-link to="">🎥 Visioconférence</router-link></li>
        </ul>  
    </details>      
 
</template>

<style scoped>
    li {
        list-style-type: none;
    }

    details {
        padding-bottom: 10px;
    }
    
</style>
