frontend-vue-development

Umiejętność zawierająca wytyczne do tworzenia komponentów Vue, zarządzania stanem Vuex, konfiguracji routingu i komunikacji między komponentami. Obejmuje standardy nazewnictwa (kebab-case), formatowanie kodu (4 spacje, bez średników), integrację z API oraz style SCSS. Przeznaczona dla deweloperów pracujących nad interfejsami użytkownika w Vue 2.7+ z biblioteką bk-magic-vue. Zawiera przykłady praktyczne: pobieranie danych z API, obsługa stanów ładowania, renderowanie tabel i obsługę zdarzeń.

1. Załaduj umiejętność do swojego asystenta AI (Claude, Copilot lub innego wspieranego narzędzia) — umiejętność zawiera około 3000 tokenów kontekstu z wytycznymi Vue. 2. Kiedy tworzysz komponent Vue, poproś asystenta o zastosowanie standardów z tej umiejętności — na przykład: "Napisz komponent Vue do wyświetlania listy pipelineów, zgodnie ze standardami frontend-vue-development". 3. Asystent będzie sugerować nazewnictwo kebab-case dla plików, 4-spacjowe wcięcia, brak średników i strukturę template-script-style. 4. Dla zarządzania stanem użyj Vuex 3.6 — umiejętność zawiera wzorce definiowania store, actions i mutations; poproś asystenta o wygenerowanie store dla Twojego modułu. 5. Przy wywoływaniu API korzystaj z this.$ajax.get/post/put/delete — umiejętność pokazuje, jak obsługiwać loading state i błędy w metodach async. 6. Jeśli pracujesz nad routingiem lub komunikacją między komponentami, odwołaj się do umiejętności, aby uniknąć odejścia od standardów projektu — asystent wskaże, kiedy zamiast tego użyć umiejętności backend-microservice-development.