vue-debug-guides
Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.
How to use
Zainstaluj skill vue-debug-guides w swoim środowisku agenta lub IDE obsługującym MCP skills.
Kiedy napotkasz błąd w Vue 3 — na przykład ref nie aktualizuje się, computed nie reaguje na zmiany stanu, lub widzisz [object Object] w szablonie — uruchom skill z opisem problemu.
Skill automatycznie mapuje Twój problem na odpowiednią kategorię: reaktywność (Ref, reactive, destructuring), computed (side effects, mutacje, zależności warunkowe), watchers, lifecycle hooks, async/Promise, SSR lub hydratacja.
Przejrzyj wskazany przewodnik referencyjny — każdy zawiera wyjaśnienie przyczyny, przykład kodu reprodukującego błąd i rozwiązanie.
Zastosuj sugerowaną poprawkę w swoim kodzie — na przykład dodaj .value do refu, unikaj destructuringu reactive bez reaktywności, lub oznacz obiekty trzeciej strony markRaw().
Jeśli problem dotyczy best practices ogólnie (nie konkretnego błędu), przejdź do skill vue-best-practices — ten skill skupia się wyłącznie na debugowaniu i naprawie istniejących problemów.