pinia
Vue용 Pinia 스토어 구축
Vue 상태 관리는 앱이 성장함에 따라 구조화하기 어려워질 수 있습니다. 이 스킬은 스토어, 플러그인, 테스트, SSR, Nuxt, HMR을 위한 Pinia 패턴을 제공합니다.
내 에이전트로 설치
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
Review the Skillstore skill "pinia" from https://skillstore.io/skills/antfu-pinia.md and its manifest at https://skillstore.io/api/skills/antfu-pinia/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
에이전트가 읽기 쉬운 리소스
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
테스트해 보기
"pinia" 사용 중입니다. 개발자가 cart store를 어떻게 구조화할지 묻습니다.
예상 결과:
state 필드, 파생 getters, action 책임, 컴포넌트 사용 참고 사항을 포함한 간결한 스토어 계획입니다.
"pinia" 사용 중입니다. 테스터가 컴포넌트 테스트에서 store actions를 mock하는 방법을 묻습니다.
예상 결과:
새 Pinia 인스턴스, mocked actions, plugin setup, 컴포넌트 동작에 대한 assertions를 다루는 테스트 체크리스트입니다.
"pinia" 사용 중입니다. Nuxt 유지관리자가 SSR 상태가 사용자 간에 누출되는 이유를 묻습니다.
예상 결과:
요청별 Pinia 생성, hydration 순서, 컴포넌트 외부의 스토어 접근 규칙을 설명하는 리뷰입니다.
보안 감사
중간 위험All 22 static findings are false positives caused by TypeScript template strings, relative imports, ordinary identifiers, metadata links, and development environment checks. One semantic concern remains: an action subscription example logs unredacted arguments and errors that may contain passwords, tokens, or personal data.
확인된 보안 우려 사항 (1)
위험 요인
⚙️ 외부 명령어 (9)
📁 파일 시스템 접근 (4)
🌐 네트워크 접근 (1)
이 보고서 공유 및 인용
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
보고서 링크 복사
https://skillstore.io/skills/antfu-pinia/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 배지
[](https://skillstore.io/skills/antfu-pinia?utm_source=security_passport_badge)HTML 배지
<a href="https://skillstore.io/skills/antfu-pinia?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antfu-pinia/security.svg" alt="Skillstore security assessment" loading="lazy"></a>임베드 카드
<iframe src="https://skillstore.io/embed/skills/antfu-pinia.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>학술 인용 (APA · BibTeX · CFF)
APA 인용
antfu. (2026). pinia security audit report (audit version 5) [Author version 2026.1.28]. Skillstore. https://skillstore.io/skills/antfu-pinia/audits/5BibTeX 인용
@techreport{antfu-antfu-pinia-2026,
author = {antfu},
title = {pinia security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/antfu-pinia/audits/5},
note = {Author version 2026.1.28}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "pinia security audit report (audit version 5)"
version: "2026.1.28"
type: report
authors:
- name: "antfu"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/antfu-pinia/audits/5"
identifiers:
- type: other
value: "skillstore:antfu-pinia:audit:5"
description: "Skillstore immutable audit report identifier"
Skillstore 점수
이 점수의 이유 증거 신뢰도: 높음만들 수 있는 것
Vue 스토어 생성
명확한 state, getters, actions를 갖춘 타입 안전한 Pinia 스토어를 설계합니다.
테스트 커버리지 개선
Pinia 테스트 유틸리티와 mocked actions를 사용해 스토어 및 컴포넌트 테스트를 계획합니다.
SSR 및 Nuxt 앱 준비
hydration, 요청 격리, Nuxt plugins, 안전한 스토어 사용을 위한 Pinia 패턴을 적용합니다.
이 프롬프트를 사용해 보세요
이 Vue 기능을 위한 Pinia 스토어 설계를 도와주세요. state, getters, actions와 storeToRefs를 언제 사용할지 포함해 주세요.
이 컴포넌트의 Pinia 사용 방식을 검토해 주세요. 더 안전한 구조 분해, 더 명확한 actions, 그리고 반응성 문제를 제안해 주세요.
이 Pinia 스토어들을 위한 테스트 접근 방식을 만들어 주세요. 단위 테스트, createTestingPinia 사용법, mocked actions, plugin setup을 포함해 주세요.
내 Pinia SSR 또는 Nuxt 아키텍처를 검토해 주세요. hydration, 요청별 스토어 격리, plugins, 컴포넌트 외부에서의 스토어 사용을 확인해 주세요.
모범 사례
- 로직에 composables, watchers 또는 복잡한 파생 상태가 필요할 때는 setup stores를 선호하세요.
- 스토어에서 state 또는 getters를 구조 분해할 때는 storeToRefs를 사용하세요.
- SSR 애플리케이션에서는 요청마다 새로운 Pinia 인스턴스를 생성하세요.
피하기
- 반응성을 보존하지 않은 채 스토어에서 state를 직접 구조 분해하지 마세요.
- 두 스토어 모두에서 setup 중에 다른 스토어의 state를 읽지 마세요.
- SSR 요청 간에 단일 Pinia 인스턴스를 공유하지 마세요.
자주 묻는 질문
이 스킬은 무엇을 위한 것인가요?
Nuxt를 지원하나요?
테스트에 도움이 될 수 있나요?
실행 가능한 프로젝트를 생성하나요?
어떤 Pinia 버전을 참조하나요?
이것은 TypeScript 전용인가요?
개발자 세부 정보
작성자
antfu라이선스
MIT
작성자 버전
v2026.1.28
Skillstore 리비전
r2
참조
89edfdc710d0846129dcee6a929477b04f08052c
유지보수 최신성
2026. 7. 26.
사용량
24 다운로드 · 211 조회