vue-pinia-모범-사례은(는) 무엇을 하나요?
Pinia 스토어, 상태 관리 패턴, 스토어 설정 및 스토어와의 반응성
Pinia 스토어, 상태 관리 패턴, 스토어 설정 및 스토어와의 반응성
이 스킬은 Vue.js 애플리케이션에서 Pinia를 사용한 상태 관리를 위한 모범 사례를 제공합니다. 개발자는 Pinia 스토어의 설정과 구조화 방법, 반응형 데이터 관리 패턴, 그리고 Vue 컴포넌트와의 효율적인 통합 방법을 배울 수 있습니다. Vue DevTools, Nuxt 및 Vue CLI와 같은 주요 개발 플랫폼과 호환되며, Options API와 Composition API 스토어 정의를 모두 지원합니다. SKILL.md 문서는 스토어 생성, 액션, 게터(getter), 플러그인, 그리고 서버 사이드 렌더링(SSR) 환경에서의 상태 관리에 대한 실용적인 지침을 제시합니다.
npx skills add https://github.com/vuejs-ai/skills/tree/main/skills/vue-pinia-best-practicesInstalled? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Pinia 스토어, 상태 관리 패턴, 스토어 설정 및 스토어와의 반응성
This repo contains 5 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.
Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.
A collection of best practices and tips for developing applications using Vue.js. This skill MUST be apply when developing, refactoring or reviewing Vue.js or Nuxt projects.
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.
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.