vue-expert
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.
How to use
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.
Opisz swoje wymagania — określ strukturę komponentów, potrzeby zarządzania stanem, routing i czy budujesz aplikację webową czy mobilną (Quasar/Capacitor).
Umiejętność przeanalizuje architekturę i zaproponuje plan — rozmieszczenie composables, strukturę stores Pinia, hierarchię komponentów i strategię reaktywności.
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.
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.
Testuj komponenty za pomocą Vue Test Utils i Vitest — umiejętność wspiera pisanie testów dla Composition API i stores Pinia.