vue-debug-guides
Debuguj Vue 3 szybciej — przewodniki do błędów reaktywności, asynchronicznych operacji i hydratacji
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do debugowania Vue 3 skupiający się na błędach czasu wykonania, ostrzeżeniach, nieudanych operacjach asynchronicznych i problemach z hydratacją SSR. Zawiera przewodniki do typowych pułapek reaktywności — od brakującego dostępu .value przez destructuring reactive po problemy z tożsamością proxy i efekty ubocznymi w computed. Używaj go, gdy diagnoozujesz lub naprawiasz problemy w aplikacjach Vue.
Jak używać
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.