# MalioSidebar Composant de navigation latérale avec support déplié/plié, sections groupées, icônes et liens NuxtLink. Un bouton circulaire avec chevron permet de toggle entre les deux états. ------------------------------------------------------------------------ ## Props détaillées ### sections - Type: `Array<{ label?: string; items: Array<{ label: string; icon: string; to: string }> }>` - Description: Liste des sections du menu. Chaque section a un label optionnel et une liste d'items. ### modelValue - Type: `boolean` - Description: Contrôle l'état plié/déplié (`true` = plié). Supporte `v-model`. ### id - Type: `string` - Description: ID custom pour le composant. ### sidebarClass - Type: `string` - Description: Classes Tailwind additionnelles pour le conteneur sidebar. ### toggleClass - Type: `string` - Description: Classes Tailwind additionnelles pour le bouton toggle. ------------------------------------------------------------------------ ## Slots ### logo - Contenu affiché en haut quand la sidebar est dépliée. ### logo-collapsed - Contenu affiché en haut quand la sidebar est pliée. ------------------------------------------------------------------------ ## Comportement - **Déplié** : affiche le logo, les labels de section et les items avec texte + icône. - **Plié** : affiche le logo réduit et les icônes seules. - **Toggle** : bouton circulaire positionné au centre du bord droit, chevron gauche/droite. - **Contrôlé / non-contrôlé** : fonctionne avec ou sans `v-model`. ------------------------------------------------------------------------ ## Accessibilité - `aria-label` sur le bouton toggle ("Plier le menu" / "Déplier le menu"). - Navigation sémantique avec `