pinia
Crear stores de Pinia para Vue
La gestión de estado en Vue puede volverse difícil de estructurar a medida que las aplicaciones crecen. Esta skill proporciona patrones de Pinia para stores, plugins, pruebas, SSR, Nuxt y HMR.
Instalar con mi Agente
Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.
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.Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.
Recursos legibles por agentes
Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.
Pruébalo
Usando "pinia". Un desarrollador pregunta cómo estructurar un store de carrito.
Resultado esperado:
Un plan conciso de store con campos de estado, getters derivados, responsabilidades de acciones y notas de uso en componentes.
Usando "pinia". Un tester pregunta cómo simular acciones de store en pruebas de componentes.
Resultado esperado:
Una lista de verificación de pruebas que cubre instancias nuevas de Pinia, acciones simuladas, configuración de plugins y aserciones sobre el comportamiento del componente.
Usando "pinia". Un mantenedor de Nuxt pregunta por qué el estado SSR se filtra entre usuarios.
Resultado esperado:
Una revisión que explica la creación de Pinia por solicitud, el orden de hidratación y las reglas de acceso a stores fuera de componentes.
Auditoría de seguridad
Riesgo medioAll 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.
Preocupaciones de seguridad confirmadas (1)
Factores de riesgo
⚙️ Comandos externos (9)
📁 Acceso al sistema de archivos (4)
🔑 Variables de entorno (2)
🌐 Acceso a red (1)
Compartir y citar este informe
Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.
Copiar enlace del informe
https://skillstore.io/skills/antfu-pinia/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportInsignia Markdown
[](https://skillstore.io/skills/antfu-pinia?utm_source=security_passport_badge)Insignia 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>Tarjeta para insertar
<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>Citas académicas (APA · BibTeX · CFF)
Cita APA
antfu. (2026). pinia security audit report (audit version 5) [Author version 2026.1.28]. Skillstore. https://skillstore.io/skills/antfu-pinia/audits/5Cita BibTeX
@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"
Puntuación de Skillstore
Por qué esta puntuación Confianza de la evidencia: AltoLo que puedes crear
Crear stores de Vue
Diseñar stores de Pinia con seguridad de tipos y estado, getters y acciones claros.
Mejorar la cobertura de pruebas
Planificar pruebas de stores y componentes usando utilidades de prueba de Pinia y acciones simuladas.
Preparar aplicaciones SSR y Nuxt
Aplicar patrones de Pinia para hidratación, aislamiento por solicitud, plugins de Nuxt y uso seguro de stores.
Prueba estos prompts
Ayúdame a diseñar un store de Pinia para esta funcionalidad de Vue. Incluye estado, getters, acciones y cuándo usar storeToRefs.
Revisa el uso de Pinia en este componente. Sugiere una destructuración más segura, acciones más claras y cualquier problema de reactividad.
Crea un enfoque de pruebas para estos stores de Pinia. Incluye pruebas unitarias, uso de createTestingPinia, acciones simuladas y configuración de plugins.
Revisa mi arquitectura de Pinia SSR o Nuxt. Comprueba la hidratación, el aislamiento de stores por solicitud, los plugins y el uso de stores fuera de componentes.
Mejores prácticas
- Prefiere setup stores cuando la lógica necesite composables, watchers o estado derivado complejo.
- Usa storeToRefs al destructurar estado o getters desde un store.
- Crea una instancia nueva de Pinia por solicitud en aplicaciones SSR.
Evitar
- No destructures el estado directamente desde un store sin preservar la reactividad.
- No leas el estado de otro store durante setup en ambos stores.
- No compartas una única instancia de Pinia entre solicitudes SSR.
Preguntas frecuentes
¿Para qué sirve esta skill?
¿Es compatible con Nuxt?
¿Puede ayudar con las pruebas?
¿Genera proyectos ejecutables?
¿Qué versión de Pinia se referencia?
¿Esto es solo para TypeScript?
Detalles del desarrollador
Autor
antfuLicencia
MIT
Versión del autor
v2026.1.28
Revisión de Skillstore
r2
Ref.
89edfdc710d0846129dcee6a929477b04f08052c
Actualidad del mantenimiento
25/7/2026
Uso
24 descargas · 211 vistas
Estructura de archivos