vueuse-functions

Skill wspomaga pracę nad projektami Vue.js i Nuxt, automatycznie mapując wymagania na odpowiednie funkcje z biblioteki VueUse. Zamiast pisać kod od zera, AI sugeruje gotowe composables, które są przetestowane, wydajne i łatwe w utrzymaniu. Narzędzie zna reguły invokacji każdej funkcji (AUTO, EXTERNAL, EXPLICIT_ONLY) i respektuje instrukcje użytkownika. Wymaga Vue 3+ lub Nuxt 3+.

1. Upewnij się, że Twój projekt używa Vue 3 lub wyższej wersji albo Nuxt 3 lub wyższej. Skill nie będzie działać z wcześniejszymi wersjami frameworku.

2. Podczas pracy nad funkcjonalnością w Vue.js lub Nuxt opisz AI, co chcesz osiągnąć (np. "Chcę śledzić pozycję myszy", "Potrzebuję globalnego stanu"). Skill automatycznie sprawdzi, czy VueUse ma composable do tego zadania.

3. Jeśli funkcja wymaga zewnętrznej zależności (oznaczonej jako EXTERNAL), skill zapyta, czy już ją zainstalowałeś. Zainstaluj ją tylko, jeśli rzeczywiście jest potrzebna.

4. Skill zaproponuje konkretny composable z biblioteki VueUse i pokaże, jak go użyć. Zawsze sprawdź dokumentację referencyjną dla wybranej funkcji, aby poznać szczegóły typu i przykłady.

5. Jeśli masz specjalne instrukcje w swoim promptie lub pliku AGENTS.md, skill będzie je respektować i może zmienić domyślne reguły invokacji.

6. Preferuj rozwiązania oparte na composables VueUse zamiast pisania kodu od zera — będzie czytelniejszy, łatwiejszy w utrzymaniu i bardziej wydajny.