vueuse
Gotowe composable'e Vue — zamiast pisać od zera, użyj sprawdzonych wzorców
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
VueUse to biblioteka reaktywnych narzędzi dla Vue 3, która oszczędza czas przy pracy z częstymi zadaniami. Zamiast tworzyć własne composable'e do śledzenia pozycji myszy, zarządzania localStorage, wykrywania statusu sieci czy animacji, sięgnij po gotowe rozwiązania. Biblioteka zawiera ponad 200 composable'i pogrupowanych w kategorie: stan, elementy DOM, API przeglądarki, sensory, sieć, animacje i wiele więcej. Każdy wzorzec jest już zaimplementowany i przetestowany — wystarczy zainstalować i używać.
Jak używać
Zainstaluj VueUse dla Vue 3 poleceniem pnpm add @vueuse/core. Jeśli pracujesz z Nuxtem, zainstaluj @vueuse/nuxt @vueuse/core i dodaj moduł do nuxt.config.ts — Nuxt automatycznie zaimportuje composable'e bez dodatkowych deklaracji.
Określ, co chcesz zrobić: śledzić pozycję myszy (useMouse), zarządzać danymi w localStorage (useLocalStorage), wykrywać status sieci (useNetwork), obserwować rozmiar elementu (useElementSize) czy inne zadanie. Każde zadanie ma dedykowany composable w odpowiedniej kategorii.
Importuj wybrany composable w swoim komponencie. W Nuxcie import jest automatyczny dzięki modułowi. W zwykłym Vue 3 dodaj import z @vueuse/core na górze pliku.
Użyj composable'a w setup() lub