From e4f47710202e406e7fc189581f3df801a28c58fb Mon Sep 17 00:00:00 2001 From: tristan Date: Thu, 21 May 2026 10:32:14 +0200 Subject: [PATCH] docs : maj skill creating-malio-component pour la nav playground (#MUI-34) Co-Authored-By: Claude Opus 4.7 (1M context) --- .claude/skills/creating-malio-component/SKILL.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/.claude/skills/creating-malio-component/SKILL.md b/.claude/skills/creating-malio-component/SKILL.md index 1e6695d..4fd9a17 100644 --- a/.claude/skills/creating-malio-component/SKILL.md +++ b/.claude/skills/creating-malio-component/SKILL.md @@ -108,9 +108,9 @@ npm run lint # Pas d'erreurs ### 5. Créer la page playground -**Fichier :** `.playground/pages/composant/.vue` (camelCase) +**Fichier :** `.playground/pages/composant//.vue` (camelCase, dans le sous-dossier de catégorie) -La page est auto-détectée par `index.vue` via `import.meta.glob`. Inclure des variantes représentatives dans une grille : +La page devient automatiquement une route Nuxt (`/composant//`) et hérite du layout `default` (qui affiche la `MalioSidebar`). **Ajouter ensuite le lien dans la nav centralisée** `.playground/playground.nav.ts` : insérer un `{label, to}` dans la section appropriée (ou créer une nouvelle section), où `to` = `/composant//`. Inclure des variantes représentatives dans une grille : ```html
@@ -216,7 +216,7 @@ Cette section est alimentée au fur et à mesure des retours utilisateur et des |--------|----------| | Stub IconifyIcon ne fonctionne pas dans les tests | Utiliser `findComponent(IconifyIcon)` avec l'import réel pour tester les props | | Oubli de `inheritAttrs: false` | Toujours dans `defineOptions` — sinon les attrs se dupliquent | -| Page playground non détectée | Vérifier le nom du fichier en camelCase dans `.playground/pages/composant/` | +| Composant absent de la sidebar du playground | Ajouter son entrée `{label, to}` dans `.playground/playground.nav.ts` (la page n'est plus auto-découverte) | | Padding input pas ajusté avec icône | Ajouter `!pr-10` (ou équivalent) quand une icône est présente à droite | | Story sans initial state | Toujours initialiser les `ref` avec des valeurs pour que les variantes soient visibles dès le chargement | | CHANGELOG oublié | Toujours ajouter la ligne dans `### Added` avant de commit |