Toolverse
Wszystkie skille

vue-expert

autor: openclaw

Ekspert Vue 3 — Composition API, Nuxt, Pinia i aplikacje mobilne

Instalacja

Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.

Instalacja

Szybkie info

Kategoria
Frontend
Wyświetlenia
3

O skillu

Umiejętność dla zaawansowanych projektów Vue 3. Wspiera Composition API, reaktywność, Nuxt 3 z SSR, zarządzanie stanem Pinia, TypeScript, aplikacje mobilne z Quasar i Capacitor, PWA oraz optymalizację buildów Vite. Pomaga w projektowaniu architektury, tworzeniu composables, konfiguracji i optymalizacji wydajności. Idealny dla frontend engineerów budujących nowoczesne, reaktywne aplikacje.

Jak używać

  1. Aktywuj umiejętność, gdy pracujesz nad projektem Vue 3 lub gdy w kodzie pojawią się słowa kluczowe takie jak Composition API, Nuxt, Pinia, Vue Router, Vite, Quasar, Capacitor lub PWA.

  2. Opisz swoje wymagania — określ strukturę komponentów, potrzeby zarządzania stanem, routing i czy budujesz aplikację webową czy mobilną (Quasar/Capacitor).

  3. Umiejętność przeanalizuje architekturę i zaproponuje plan — rozmieszczenie composables, strukturę stores Pinia, hierarchię komponentów i strategię reaktywności.

  4. Implementuj komponenty z Composition API, stosując się do wytycznych reaktywności (ref, reactive, computed) i best practices Vue 3. Umiejętność podpowie optymalizacje i wzorce.

  5. Jeśli konfigurujesz Nuxt 3, PWA, service workery lub Vite — poproś o konkretne ustawienia. Umiejętność dostarcza konfiguracje i wyjaśnia lazy loading oraz optymalizacje buildów.

  6. Testuj komponenty za pomocą Vue Test Utils i Vitest — umiejętność wspiera pisanie testów dla Composition API i stores Pinia.

Podobne skille