Add skill projects modal with Headless UI (Story 2.5)

- Add GET /skills/{slug}/projects endpoint with level progression
- Install @headlessui/vue for accessible modal
- Create SkillProjectsModal with Dialog component:
  - Focus trap and keyboard navigation (automatic)
  - Fade + scale transitions with backdrop blur
  - prefers-reduced-motion support
- Create ProjectListItem with thumbnail and level display
- Integrate modal in competences.vue page
- Add translations for related projects UI

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-02-06 10:44:45 +01:00
parent 4db96a0ded
commit 2b043674ca
12 changed files with 441 additions and 54 deletions

View File

@@ -103,7 +103,10 @@
"skill_tree_placeholder": "Arbre de comp\u00e9tences interactif (bient\u00f4t disponible)",
"level": "Niveau",
"project": "projet",
"projects": "projets"
"projects": "projets",
"related_projects": "Projets utilisant cette comp\u00e9tence",
"load_projects_error": "Impossible de charger les projets li\u00e9s",
"no_related_projects": "Aucun projet n'utilise encore cette comp\u00e9tence"
},
"pages": {
"projects": {