Создание хранилищ Pinia для Vue
Управление состоянием Vue может становиться сложным для структурирования по мере роста приложений. Этот навык предоставляет паттерны Pinia для хранилищ, плагинов, тестирования, SSR, Nuxt и HMR.
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу 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-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Использование «pinia». Разработчик спрашивает, как структурировать хранилище корзины.
Ожидаемый результат:
Краткий план хранилища с полями состояния, производными геттерами, обязанностями действий и заметками по использованию в компонентах.
Использование «pinia». Тестировщик спрашивает, как имитировать действия хранилища в тестах компонентов.
Ожидаемый результат:
Чеклист тестирования, охватывающий свежие экземпляры Pinia, имитированные действия, настройку плагинов и проверки поведения компонентов.
Использование «pinia». Сопровождающий Nuxt спрашивает, почему состояние SSR протекает между пользователями.
Ожидаемый результат:
Ревью с объяснением создания Pinia для каждого запроса, порядка гидратации и правил доступа к хранилищам вне компонентов.
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.
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
https://skillstore.io/skills/antfu-pinia/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/antfu-pinia?utm_source=security_passport_badge)<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>antfu. (2026). pinia security audit report (audit version 5) [Author version 2026.1.28]. Skillstore. https://skillstore.io/skills/antfu-pinia/audits/5@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}
}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"
Проектируйте типобезопасные хранилища Pinia с понятным состоянием, геттерами и действиями.
Планируйте тесты хранилищ и компонентов с использованием утилит тестирования Pinia и имитированных действий.
Применяйте паттерны Pinia для гидратации, изоляции запросов, плагинов Nuxt и безопасного использования хранилищ.
Помоги мне спроектировать хранилище Pinia для этой функции Vue. Включи состояние, геттеры, действия и когда использовать storeToRefs.
Проверь использование Pinia в этом компоненте. Предложи более безопасную деструктуризацию, более понятные действия и укажи возможные проблемы с реактивностью.
Создай подход к тестированию для этих хранилищ Pinia. Включи unit-тесты, использование createTestingPinia, имитированные действия и настройку плагинов.
Проверь мою архитектуру Pinia SSR или Nuxt. Проверь гидратацию, изоляцию хранилищ для каждого запроса, плагины и использование хранилищ вне компонентов.
Автор
antfuЛицензия
MIT
Версия автора
v2026.1.28
Ревизия Skillstore
r2
Ссылка
89edfdc710d0846129dcee6a929477b04f08052c
Актуальность поддержки
29.07.2026
Использование
24 загрузок · 211 просмотров
Повышение надежности Vue Router Guard
Ошибки в Vue Router могут приводить к устаревшим данным, обходу проверок и циклам перенаправления. Этот навык дает сфокусированные паттерны для безопасных guards, обновлений маршрутов, очистки и production-маршрутизации.
Улучшение качества тестов Vue
Тестирование Vue часто дает сбои из-за асинхронных таймингов, хрупкой привязки к внутренней реализации и слабых снимков. Этот навык направляет Claude, Codex и Claude Code к надежным паттернам Vitest, Vue Test Utils и Playwright.
Улучшение типобезопасности Vue 3
В проектах на Vue часто возникают пограничные случаи с шаблонами, Volar, роутером и TypeScript, которые замедляют ревью. Этот навык дает сфокусированные правила для Vue 3, помогающие делать компоненты, конфигурации и тесты безопаснее.
Создавайте компоненты Vue 3 с уверенностью
Командам Vue нужны актуальные рекомендации по компонентам, реактивности и паттернам TypeScript. Этот навык дает Claude, Codex и Claude Code сфокусированные справочные материалы по Vue 3.5.
Создавайте приложения Vite быстрее
Проекты Vite требуют тщательной настройки разработки, сборок, плагинов и развертывания. Этот навык дает краткие рекомендации для распространенных рабочих процессов Vite.
Создание надежных наборов тестов Vitest
Современным JavaScript-проектам нужны быстрые тесты, соответствующие рабочим процессам Vite. Этот навык проводит Claude, Codex и Claude Code через настройку Vitest, моки, покрытие, фикстуры, фильтрацию, снапшоты и использование в CI.
Создание адаптируемых Vue Composables
от vuejs-ai
Vue composables часто дают сбой, когда вызывающий код передает смесь простых значений, refs и getters. Этот skill помогает Claude, Codex и Claude Code проектировать переиспользуемые composables с предсказуемой реактивностью Vue.
Улучшение паттернов хранилищ Vue Pinia
от vuejs-ai
Приложения Vue часто дают сбои, потому что легко упустить правила настройки хранилища, деструктуризации и состояния в URL. Этот навык дает Claude, Codex и Claude Code сфокусированные рекомендации по Pinia для надежных хранилищ и предсказуемой реактивности.
Улучшение компонентов Vue Options API
от vuejs-ai
Проекты на Vue Options API могут терять безопасность типов и корректную привязку this. Этот skill дает прямые шаблоны для более безопасных компонентов Vue.
Создание типизированных хранилищ Zustand
от sickn33
Командам React нужно предсказуемое глобальное состояние без неясной структуры хранилища. Этот навык помогает Claude, Codex и Claude Code создавать типизированные хранилища Zustand с селекторами и middleware.
Улучшение покрытия тестами Playwright
от C0ntr0lledCha0s
Наборы тестов Playwright могут становиться нестабильными, когда конфигурация, локаторы и фикстуры непоследовательны. Этот навык дает практические шаблоны для надежных браузерных тестов, отладки и переиспользуемых page objects.
Создание приложений Starknet с помощью starknet.js
от internet-court
Интеграции со Starknet требуют точной работы с провайдерами, аккаунтами, транзакциями и комиссиями. Этот навык предоставляет Claude, Codex и Claude Code практические паттерны starknet.js v9.