Settings
The user settings page for managing profile, security, and appearance.
Profile
- Avatar — upload and remove (2MB max, images only)
- Name — firstName, lastName, patronymic
- Email — current email display (change via support)
Security
- Password change — requires current password, invalidates all refresh tokens
- Password policy: 8-128 chars, uppercase + lowercase + digit + special character
- Two-factor authentication (2FA) — enable TOTP-based 2FA via authenticator app (see Two-Factor Auth)
Themes
PrimeVue 4 supports 7 presets:
| Preset | Description |
|---|---|
| Aura | Modern, minimal (default) |
| Lara | Classic, with shadows |
| Material | Material Design style |
| Nora | Flat, no shadows |
| Emerald | Emerald accent theme |
| Sapphire | Sapphire accent theme |
| Ruby | Ruby accent theme |
- Dark mode — toggle light/dark theme
- Theme settings are saved to localStorage
Language
- EN/RU switcher
- Saved to localStorage
Route
| Route | View | Description |
|---|---|---|
/settings | SettingsView | User settings |
/settings/plan | PlanSelectionView | Plan selection |
Theme Store
typescript
const store = useThemeStore()
const { isDarkMode, preset } = storeToRefs(store)
store.toggleDarkMode()
store.setPreset('aura')