vue-pinia-모범-사례은(는) 무엇을 하나요?
Pinia 스토어, 상태 관리 패턴, 스토어 설정 및 스토어와의 반응성에 대한 모범 사례를 제공합니다.
Pinia 스토어, 상태 관리 패턴, 스토어 설정 및 스토어와의 반응성에 대한 모범 사례를 제공합니다.
이 스킬은 Vue.js 애플리케이션에서 Pinia를 사용한 상태 관리에 대한 모범 사례를 제공합니다. Pinia 스토어의 구조, 상태 정의, getter 및 액션 사용 방법을 체계적으로 설명합니다. 또한 컴포지션 API 기반의 setup 스토어 패턴과 함께 Vue의 반응성 시스템 내에서 스토어를 효과적으로 활용하는 방법을 다룹니다. 개발자는 이 스킬을 통해 Pinia를 활용한 확장 가능하고 유지보수 가능한 상태 관리 패턴을 학습하고 적용할 수 있습니다. Vue 3 및 Vue 2(옵션 API) 환경 모두에 적용 가능한 내용을 포함합니다.
npx skills add https://github.com/hyf0/vue-skills/tree/main/skills/vue-pinia-best-practicesInstalled? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Pinia 스토어, 상태 관리 패턴, 스토어 설정 및 스토어와의 반응성에 대한 모범 사례를 제공합니다.
This repo contains 7 individual skills — each has its own dedicated page.
Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating adaptable or reusable composables.
MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.
Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.
JSX syntax in Vue (e.g., class vs className, JSX plugin config).
Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.
Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.