Избранное (Pinia Store)
Избранные сторы — это сохраняемый список Pinia store, который помогает быстрее ориентироваться во вкладке Stores: отмеченные строки поднимаются в начало списка, рядом отображается звезда, а в шапке доступен счётчик найденных избранных среди текущих результатов.
Общее описание вкладки Store: Основные возможности. Избранное компонентов Vue (вкладка Props) — отдельный механизм: Избранное (Props).
Где добавить и убрать
Добавить store в избранное можно несколькими способами.
- В карточке store — в заголовке доступна кнопка звезды, которая включает или снимает признак избранного для текущего store.
- Через контекстное меню строки в таблице Stores — команда добавления или удаления доступна среди действий над выбранной строкой.
- В таблице Stores — быстрый клик по области звезды у строки также переключает избранное, даже если иконка ещё не отображается постоянно.
- В Options — секция Favorite Stores в блоке настроек Pinia позволяет просматривать записи, вводить имя вручную, удалять элементы и открывать выбранную запись для редактирования.
Настройки сохраняются в общем хранилище инспектора вместе с остальными параметрами.
Точное имя и маски
Каждая запись в списке избранного задаёт шаблон имени store.
- Если запись не содержит символ
*, используется точное совпадение: звезда отображается только у store с таким же именем. - Символ
*работает как маска произвольного фрагмента имени. Например, шаблон use*Store может совпасть с useUserStore, useAuthStore и другими именами, подходящими под выражение.
При снятии избранного со строки таблицы удаляются все записи, которые считаются совпадающими для этого store: как точные, так и подходящие по маске.
В форме ручного ввода в Options поддержка wildcard сохраняется в том же формате.
Что именно сохраняется
Для каждой записи инспектор хранит:
- отображаемое имя store;
- шаблон совпадения (если используется маска);
- при наличии — внутренний идентификатор текущей сессии, связанный с найденным экземпляром;
- время добавления для отображения в настройках.
Это позволяет повторно применять список после обновления дерева store.
Как выполняется сопоставление
При загрузке списка store инспектор последовательно сравнивает имена текущих записей с сохранёнными шаблонами.
- Сначала проверяется точное совпадение имени.
- Затем — совпадение по маске, если запись содержит символ
*. - Если доступны дополнительные данные текущей сессии, они используются для уточнения связи с уже найденной строкой.
Если несколько store подходят под одну маску, звезда отображается у всех совпавших строк.
Сортировка и счётчик
После обновления списка таблица Stores размещает избранные строки выше остальных.
Рядом с полем поиска отображается бейдж вида «найдено / всего»: сколько избранных store сейчас видно с учётом поиска и сколько записей сохранено в списке избранного.
Клик по бейджу может использоваться как быстрый переход в Options к секции избранных store.
Редактирование в Options
Выбранную запись можно открыть в панели деталей и изменить имя шаблона.
После сохранения обновляется связанное имя записи; если используется маска, новое значение сразу участвует в последующем сопоставлении.
Пустое имя лучше не оставлять: такая запись не даст полезного совпадения.
Практические советы
- Удобно добавлять в избранное основные store проекта: пользователь, настройки, состояние интерфейса.
- Маски полезны в проектах с однотипным именованием, но слишком широкий шаблон может выделить лишние строки.
- Избранное не влияет на выполнение Pinia в приложении и хранится локально в настройках инспектора.