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 |