Навыки vue-pinia-best-practices

📦

vue-pinia-best-practices

Name: vue-pinia-best-practices
Author: github.com/vuejs-ai

v1.0.0 Ревизия содержимого r1 Безопасно ⚡ Содержит скрипты⚙️ Внешние команды🌐 Доступ к сети

Улучшение паттернов хранилищ Vue Pinia

Приложения Vue часто дают сбои, потому что легко упустить правила настройки хранилища, деструктуризации и состояния в URL. Этот навык дает Claude, Codex и Claude Code сфокусированные рекомендации по Pinia для надежных хранилищ и предсказуемой реактивности.

Поддерживает: Claude Codex Code(CC)

🥈 80 Серебро

Установить с помощью моего Агента

Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.

Запрос агента

Review the Skillstore skill "vue-pinia-best-practices" from https://skillstore.io/skills/vuejs-ai-vue-pinia-best-practices.md and its manifest at https://skillstore.io/api/skills/vuejs-ai-vue-pinia-best-practices/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.

Ресурсы для AI-агентов

Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.

Markdown-детали GET /skills/vuejs-ai-vue-pinia-best-practices.md Подписанный manifest GET /api/skills/vuejs-ai-vue-pinia-best-practices/manifest Подписанный lockfile GET /api/skills/vuejs-ai-vue-pinia-best-practices/lockfile

Протестировать

Использование «vue-pinia-best-practices». Приложение Vue падает с getActivePinia во время запуска.

Ожидаемый результат:

Ответ определяет ранний доступ к хранилищу, проверяет порядок подключения плагинов и рекомендует установить Pinia до router guards, которые используют хранилища.

Использование «vue-pinia-best-practices». Компонент деструктурирует name и isLoggedIn из хранилища Pinia, и UI перестает обновляться.

Ожидаемый результат:

Ответ объясняет, что для состояния и getters нужен storeToRefs, а actions могут оставаться прямыми ссылками на функции.

Использование «vue-pinia-best-practices». Страница products хранит filters только в Pinia и теряет их при обновлении страницы.

Ожидаемый результат:

Ответ рекомендует URL query parameters для filters, которыми можно делиться, и оставляет приватное или не предназначенное для совместного использования состояние в хранилище.

Аудит безопасности

Безопасно

v5 • 07.07.2026 Открыть версионный отчет

AI review found the static findings are documentation examples, not executable skill behavior. Dynamic imports, fetch calls, Authorization headers, and Object.keys appear inside Pinia guidance snippets using local app paths; no prompt injection, credential exfiltration, or command execution intent was found.

Просканировано файлов

1,387

Проанализировано строк

Пункты проверки

Ложные срабатывания проигнорированы

Факторы риска

⚡ Содержит скрипты (2)

reference/pinia-no-active-pinia-error.md:203 reference/pinia-no-active-pinia-error.md:240

⚙️ Внешние команды (2)

reference/pinia-no-active-pinia-error.md:74-78 reference/pinia-no-active-pinia-error.md:92-96

🌐 Доступ к сети (4)

reference/pinia-no-active-pinia-error.md:72 reference/pinia-no-active-pinia-error.md:90 reference/pinia-setup-store-return-all-state.md:42 reference/pinia-setup-store-return-all-state.md:90

Последний завершенный статический и семантический аудит не обнаружил подтвержденных проблем безопасности. Это не доказывает отсутствие побочных эффектов у навыка.

Аудитор:: codex Посмотреть историю аудитов →

Поделиться и цитировать этот отчет

Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.

Открыть версионный отчет

Копировать ссылку на отчёт

https://skillstore.io/skills/vuejs-ai-vue-pinia-best-practices/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Значок Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/vuejs-ai-vue-pinia-best-practices/security.svg)](https://skillstore.io/skills/vuejs-ai-vue-pinia-best-practices?utm_source=security_passport_badge)

Значок HTML

<a href="https://skillstore.io/skills/vuejs-ai-vue-pinia-best-practices?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/vuejs-ai-vue-pinia-best-practices/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Встраиваемая карточка

<iframe src="https://skillstore.io/embed/skills/vuejs-ai-vue-pinia-best-practices.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

github.com/vuejs-ai. (2026). vue-pinia-best-practices security audit report (audit version 5) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/vuejs-ai-vue-pinia-best-practices/audits/5

Цитата BibTeX

@techreport{github-com-vuejs-ai-vuejs-ai-vue-pinia-best-practices-2026,
  author = {github.com/vuejs-ai},
  title = {vue-pinia-best-practices security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/vuejs-ai-vue-pinia-best-practices/audits/5},
  note = {Author version 1.0.0}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "vue-pinia-best-practices security audit report (audit version 5)"
version: "1.0.0"
type: report
authors:
  - name: "github.com/vuejs-ai"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/vuejs-ai-vue-pinia-best-practices/audits/5"
identifiers:
  - type: other
    value: "skillstore:vuejs-ai-vue-pinia-best-practices:audit:5"
    description: "Skillstore immutable audit report identifier"

Оценка Skillstore

Почему такая оценка Достоверность доказательств: Высокий

Архитектура

100

Сопровождаемость

Контент

Сообщество

Соответствие спецификации

Что вы можете построить

Исправление сбоев запуска Pinia

Используйте навык, чтобы определить, почему хранилище вызывается до установки Pinia, и скорректировать порядок настройки приложения или router.

Проверка ошибок реактивности хранилища

Используйте навык, чтобы найти прямую деструктуризацию, отсутствие storeToRefs и ошибки привязки методов в компонентах Vue.

Проектирование масштабируемых паттернов состояния

Используйте навык, чтобы решить, когда данные должны находиться в Pinia, URL query parameters, состоянии компонента или более простом реактивном хранилище.

Попробуйте эти промпты

Проверь настройку моего хранилища

Проверь настройку моего приложения Vue на проблемы с порядком подключения Pinia. Объясни, почему возникают ошибки getActivePinia, и покажи минимальное безопасное исправление.

Найди ошибки реактивности

Проверь этот компонент на проблемы с деструктуризацией Pinia или привязкой методов. Скажи, что должно использовать storeToRefs, а что можно деструктурировать напрямую.

Улучши дизайн setup store

Проверь этот Pinia setup store на совместимость с SSR, DevTools и плагинами. Найди состояние, которое нужно возвращать или переименовать.

Спланируй владение состоянием

Распредели состояние этой функции между Pinia, URL query parameters и локальным состоянием компонента. Объясни компромиссы для обновления страницы, совместного использования, приватности и отладки.

Лучшие практики

Устанавливайте Pinia до плагинов, router guards или модулей, которые вызывают хранилища.
Используйте storeToRefs для состояния и getters, а actions деструктурируйте напрямую.
Храните filters, которыми можно делиться, в URL и используйте хранилища для состояния приложения.

Избегать

Вызов useStore на уровне модуля до того, как приложение Vue установило Pinia.
Прямая деструктуризация состояния или getters Pinia с ожиданием реактивных обновлений.
Сохранение каждого поля хранилища без проверки требований к приватности, безопасности и hydration.

Часто задаваемые вопросы

Для какой версии Vue предназначен этот навык?

Он написан для приложений Vue 3, которые используют Pinia для управления состоянием.

Может ли он помочь с ошибками getActivePinia?

Да. Он объясняет время инициализации хранилища, порядок подключения плагинов, доступ из router guards и безопасные места для вызова хранилища.

Заменяет ли он документацию Pinia?

Нет. Он обобщает распространенные подводные камни и направляет агентов к практичным паттернам проверки.

Может ли он автоматически мигрировать код Vuex?

Нет. Он может направлять решения по миграции, но изменения кода зависят от структуры проекта.

Охватывает ли он вопросы SSR?

Да. Он объясняет, почему setup stores должны возвращать все релевантное состояние для hydration, DevTools и плагинов.

Безопасно ли использовать его с приватным кодом приложения?

Навык представляет собой только документацию, но пользователям все равно следует проверять сгенерированные рекомендации перед применением паттернов persistence или обработки токенов.