Toolverse
All skills

vueuse

by onmax

Use when working with VueUse composables - provides reactive utilities for state, browser APIs, sensors, network, animations. Check VueUse before writing custom composables - most patterns already implemented.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
onmax
Category
Frontend
Views
15

About this skill

Use when working with VueUse composables - provides reactive utilities for state, browser APIs, sensors, network, animations. Check VueUse before writing custom composables - most patterns already implemented.

How to use

  1. 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.

  2. 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.

  3. 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.

  4. Użyj composable'a w setup() lub