Настройки
Страница настроек пользователя для управления профилем, безопасностью и внешним видом.
Профиль
- Аватар — загрузка и удаление (2MB макс, только изображения)
- Имя — firstName, lastName, patronymic
- Email — отображение текущего email (изменение через поддержку)
Безопасность
- Смена пароля — требуется текущий пароль, инвалидирует все refresh токены
- Политика пароля: 8-128 символов, заглавная + строчная + цифра + спецсимвол
- Двухфакторная аутентификация (2FA) — включение TOTP-аутентификации через приложение-аутентификатор (см. Двухфакторная аутентификация)
Темы оформления
PrimeVue 4 поддерживает 7 пресетов:
| Пресет | Описание |
|---|---|
| Aura | Современный, минималистичный (по умолчанию) |
| Lara | Классический, с тенями |
| Material | Material Design стиль |
| Nora | Плоский, без теней |
| Emerald | Изумрудная акцентная тема |
| Sapphire | Сапфировая акцентная тема |
| Ruby | Рубиновая акцентная тема |
- Тёмный режим — переключение светлой/тёмной темы
- Настройки темы сохраняются в localStorage
Язык
- Переключатель EN/RU
- Сохраняется в localStorage
Маршрут
| Маршрут | Представление | Описание |
|---|---|---|
/settings | SettingsView | Настройки пользователя |
/settings/plan | PlanSelectionView | Выбор тарифа |
Store темы
typescript
const store = useThemeStore()
const { isDarkMode, preset } = storeToRefs(store)
store.toggleDarkMode()
store.setPreset('aura')