Vue2 Viewer

Cet outil agit comme un visualiseur et un inspector dédié pour les composants Vue 2. Il accepte le code source d’un composant en SFC ou en syntaxe objet, puis rend le composant dans un environnement sandboxé avec les props fournies par l’utilisateur. La principale valeur réside dans le fait de démontrer comment les props, les slots et les événements émis influencent le DOM, permettant un débogage précis et un apprentissage sans nécessiter un build complet de l’application. Conception: l’outil réalise une analyse statique pour extraire les définitions de props, les types, les valeurs par défaut et le flag required, ainsi que les événements émis définis par le composant. Il monte ensuite le composant dans une runtime légère de Vue 2 en utilisant les valeurs de props fournies ou par défaut. La sortie inclut un instantané HTML rendu, une table de props indiquant les types et les valeurs par défaut, et un journal des événements capturant les payloads émis. Public cible: développeurs frontend validant le comportement UI, QA pour les régressions et enseignants documentant le comportement des composants. Différenciateurs: introspection intégrée des props/émissions, rendu sandboxé qui évite les appels réseau, et métadonnées exportables pour documentation ou design systems. Des fonctionnalités optionnelles comme des mocks de modules et des scénarios multi-props facilitent les tests et la documentation.