From eff19412f3a3cecdb816b39713f1a35e80d94de0 Mon Sep 17 00:00:00 2001
From: ildyria <beviguier@gmail.com>
Date: Sun, 1 Jun 2025 22:03:57 +0200
Subject: [PATCH 1/4] Squash

---
 app/Actions/Oauth/Oauth.php                   |   4 +-
 app/Contracts/Http/Requests/HasEmail.php      |  17 +++
 app/Http/Controllers/ProfileController.php    |  25 ++++
 .../Requests/Profile/RegistrationRequest.php  |  58 ++++++++
 app/Http/Requests/Traits/HasEmailTrait.php    |  25 ++++
 .../Resources/GalleryConfigs/InitConfig.php   |   6 +
 ...05_29_231404_user_registration_enabled.php |  31 +++++
 ...1905_rename_oauth_user_create_settings.php |  30 ++++
 lang/ar/profile.php                           |   7 +
 lang/cz/profile.php                           |   7 +
 lang/de/profile.php                           |   7 +
 lang/el/profile.php                           |   8 ++
 lang/en/profile.php                           |   7 +
 lang/es/profile.php                           |   8 ++
 lang/fr/profile.php                           |   7 +
 lang/hu/profile.php                           |   8 ++
 lang/it/profile.php                           |   8 ++
 lang/ja/profile.php                           |   8 ++
 lang/nl/profile.php                           |   7 +
 lang/no/profile.php                           |   8 ++
 lang/pl/profile.php                           |   7 +
 lang/pt/profile.php                           |   8 ++
 lang/ru/profile.php                           |   7 +
 lang/sk/profile.php                           |   8 ++
 lang/sv/profile.php                           |   8 ++
 lang/vi/profile.php                           |   8 ++
 lang/zh_CN/profile.php                        |   7 +
 lang/zh_TW/profile.php                        |   8 ++
 .../js/components/headers/AlbumsHeader.vue    |  47 ++++++-
 resources/js/lychee.d.ts                      |   1 +
 resources/js/router/routes.ts                 |   6 +
 resources/js/services/profile-service.ts      |  10 +-
 resources/js/stores/LycheeState.ts            |   5 +
 resources/js/views/LoginPage.vue              |   7 +-
 resources/js/views/RegisterPage.vue           | 128 ++++++++++++++++++
 routes/api_v2.php                             |   1 +
 routes/web_v2.php                             |   1 +
 tests/Feature_v2/User/RegisterTest.php        |  87 ++++++++++++
 38 files changed, 629 insertions(+), 11 deletions(-)
 create mode 100644 app/Contracts/Http/Requests/HasEmail.php
 create mode 100644 app/Http/Requests/Profile/RegistrationRequest.php
 create mode 100644 app/Http/Requests/Traits/HasEmailTrait.php
 create mode 100644 database/migrations/2025_05_29_231404_user_registration_enabled.php
 create mode 100644 database/migrations/2025_05_29_231905_rename_oauth_user_create_settings.php
 create mode 100644 resources/js/views/RegisterPage.vue
 create mode 100644 tests/Feature_v2/User/RegisterTest.php

diff --git a/app/Actions/Oauth/Oauth.php b/app/Actions/Oauth/Oauth.php
index 354f57917ee..4d940055fcd 100644
--- a/app/Actions/Oauth/Oauth.php
+++ b/app/Actions/Oauth/Oauth.php
@@ -85,8 +85,8 @@ public function authenticateOrDie(OauthProvidersType $provider): bool
 			username: $user->getName() ?? $user->getEmail() ?? $user->getId(),
 			email: $user->getEmail(),
 			password: strtr(base64_encode(random_bytes(8)), '+/', '-_'),
-			may_upload: Configs::getValueAsBool('oauth_grant_new_user_upload_rights'),
-			may_edit_own_settings: Configs::getValueAsBool('oauth_grant_new_user_modification_rights'));
+			may_upload: Configs::getValueAsBool('grant_new_user_upload_rights'),
+			may_edit_own_settings: Configs::getValueAsBool('grant_new_user_modification_rights'));
 
 		Auth::login($new_user);
 
diff --git a/app/Contracts/Http/Requests/HasEmail.php b/app/Contracts/Http/Requests/HasEmail.php
new file mode 100644
index 00000000000..0cfa8350b52
--- /dev/null
+++ b/app/Contracts/Http/Requests/HasEmail.php
@@ -0,0 +1,17 @@
+<?php
+
+/**
+ * SPDX-License-Identifier: MIT
+ * Copyright (c) 2017-2018 Tobias Reich
+ * Copyright (c) 2018-2025 LycheeOrg.
+ */
+
+namespace App\Contracts\Http\Requests;
+
+interface HasEmail
+{
+	/**
+	 * Get the email address.
+	 */
+	public function email(): string;
+}
diff --git a/app/Http/Controllers/ProfileController.php b/app/Http/Controllers/ProfileController.php
index 2cfd2061657..d11e4183aab 100644
--- a/app/Http/Controllers/ProfileController.php
+++ b/app/Http/Controllers/ProfileController.php
@@ -9,6 +9,7 @@
 namespace App\Http\Controllers;
 
 use App\Actions\Profile\UpdateLogin;
+use App\Actions\User\Create;
 use App\Actions\User\TokenDisable;
 use App\Actions\User\TokenReset;
 use App\Enum\CacheTag;
@@ -16,16 +17,40 @@
 use App\Exceptions\ModelDBException;
 use App\Exceptions\UnauthenticatedException;
 use App\Http\Requests\Profile\ChangeTokenRequest;
+use App\Http\Requests\Profile\RegistrationRequest;
 use App\Http\Requests\Profile\UpdateProfileRequest;
 use App\Http\Resources\Models\UserResource;
 use App\Http\Resources\Models\Utils\UserToken;
 use App\Models\Configs;
 use App\Models\User;
+use Illuminate\Http\JsonResponse;
 use Illuminate\Routing\Controller;
 use Illuminate\Support\Facades\Auth;
 
 class ProfileController extends Controller
 {
+	/**
+	 * Allow the registration of a new user.
+	 *
+	 * @return JsonResponse
+	 */
+	public function register(RegistrationRequest $request, Create $create): JsonResponse
+	{
+		$user = $create->do(
+			username: $request->username(),
+			password: $request->password(),
+			email: $request->email(),
+			may_upload: Configs::getValueAsBool('grant_new_user_upload_rights'),
+			may_edit_own_settings: Configs::getValueAsBool('grant_new_user_modification_rights'),
+			quota_kb: 0,
+		);
+
+		// Log in the user directly after registration
+		Auth::login($user);
+
+		return response()->json(['message' => 'User registered successfully'], 201);
+	}
+
 	/**
 	 * Update the Login information of the current user.
 	 */
diff --git a/app/Http/Requests/Profile/RegistrationRequest.php b/app/Http/Requests/Profile/RegistrationRequest.php
new file mode 100644
index 00000000000..3850cda40bd
--- /dev/null
+++ b/app/Http/Requests/Profile/RegistrationRequest.php
@@ -0,0 +1,58 @@
+<?php
+
+/**
+ * SPDX-License-Identifier: MIT
+ * Copyright (c) 2017-2018 Tobias Reich
+ * Copyright (c) 2018-2025 LycheeOrg.
+ */
+
+namespace App\Http\Requests\Profile;
+
+use App\Contracts\Http\Requests\HasEmail;
+use App\Contracts\Http\Requests\HasPassword;
+use App\Contracts\Http\Requests\HasUsername;
+use App\Contracts\Http\Requests\RequestAttribute;
+use App\Http\Requests\BaseApiRequest;
+use App\Http\Requests\Traits\HasEmailTrait;
+use App\Http\Requests\Traits\HasPasswordTrait;
+use App\Http\Requests\Traits\HasUsernameTrait;
+use App\Models\Configs;
+use App\Rules\PasswordRule;
+use App\Rules\UsernameRule;
+
+class RegistrationRequest extends BaseApiRequest implements HasUsername, HasPassword, HasEmail
+{
+	use HasUsernameTrait;
+	use HasPasswordTrait;
+	use HasEmailTrait;
+
+	/**
+	 * {@inheritDoc}
+	 */
+	public function authorize(): bool
+	{
+		return Configs::getValueAsBool('user_registration_enabled');
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	public function rules(): array
+	{
+		return [
+			RequestAttribute::USERNAME_ATTRIBUTE => ['required', new UsernameRule()],
+			RequestAttribute::EMAIL_ATTRIBUTE => ['required', 'string', 'email', 'max:255', 'unique:users'],
+			RequestAttribute::PASSWORD_ATTRIBUTE => ['required', 'confirmed', new PasswordRule(true)],
+		];
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	protected function processValidatedValues(array $values, array $files): void
+	{
+		$this->username = $values[RequestAttribute::USERNAME_ATTRIBUTE];
+		$this->password = $values[RequestAttribute::PASSWORD_ATTRIBUTE];
+		$this->email = $values[RequestAttribute::EMAIL_ATTRIBUTE];
+	}
+}
diff --git a/app/Http/Requests/Traits/HasEmailTrait.php b/app/Http/Requests/Traits/HasEmailTrait.php
new file mode 100644
index 00000000000..d2dd427f612
--- /dev/null
+++ b/app/Http/Requests/Traits/HasEmailTrait.php
@@ -0,0 +1,25 @@
+<?php
+
+/**
+ * SPDX-License-Identifier: MIT
+ * Copyright (c) 2017-2018 Tobias Reich
+ * Copyright (c) 2018-2025 LycheeOrg.
+ */
+
+namespace App\Http\Requests\Traits;
+
+trait HasEmailTrait
+{
+	/**
+	 * The email address.
+	 */
+	protected string $email;
+
+	/**
+	 * Get the email address.
+	 */
+	public function email(): string
+	{
+		return $this->email;
+	}
+}
diff --git a/app/Http/Resources/GalleryConfigs/InitConfig.php b/app/Http/Resources/GalleryConfigs/InitConfig.php
index 9ad4581bdf1..1795c2bf35c 100644
--- a/app/Http/Resources/GalleryConfigs/InitConfig.php
+++ b/app/Http/Resources/GalleryConfigs/InitConfig.php
@@ -88,6 +88,9 @@ class InitConfig extends Data
 	// Live Metrics settings
 	public bool $is_live_metrics_enabled;
 
+	// User registration enabled
+	public bool $is_registration_enabled;
+
 	public function __construct()
 	{
 		// Debug mode
@@ -140,6 +143,9 @@ public function __construct()
 		$this->title = Configs::getValueAsString('site_title');
 		$this->dropbox_api_key = Auth::user()?->may_administrate === true ? Configs::getValueAsString('dropbox_key') : 'disabled';
 
+		// User registration enabled
+		$this->is_registration_enabled = Configs::getValueAsBool('user_registration_enabled');
+
 		$this->set_supporter_properties();
 	}
 
diff --git a/database/migrations/2025_05_29_231404_user_registration_enabled.php b/database/migrations/2025_05_29_231404_user_registration_enabled.php
new file mode 100644
index 00000000000..a08346d28b8
--- /dev/null
+++ b/database/migrations/2025_05_29_231404_user_registration_enabled.php
@@ -0,0 +1,31 @@
+<?php
+
+/**
+ * SPDX-License-Identifier: MIT
+ * Copyright (c) 2017-2018 Tobias Reich
+ * Copyright (c) 2018-2025 LycheeOrg.
+ */
+
+use App\Models\Extensions\BaseConfigMigration;
+
+return new class() extends BaseConfigMigration {
+	public const CAT = 'Users Management';
+
+	public function getConfigs(): array
+	{
+		return [
+			[
+				'key' => 'user_registration_enabled',
+				'value' => '0',
+				'cat' => self::CAT,
+				'type_range' => self::BOOL,
+				'description' => 'Enable user registration.',
+				'details' => 'If disabled, new users cannot register themselves.',
+				'is_expert' => false,
+				'is_secret' => true,
+				'level' => 0,
+				'order' => 1,
+			],
+		];
+	}
+};
diff --git a/database/migrations/2025_05_29_231905_rename_oauth_user_create_settings.php b/database/migrations/2025_05_29_231905_rename_oauth_user_create_settings.php
new file mode 100644
index 00000000000..1fa5acd06d3
--- /dev/null
+++ b/database/migrations/2025_05_29_231905_rename_oauth_user_create_settings.php
@@ -0,0 +1,30 @@
+<?php
+
+/**
+ * SPDX-License-Identifier: MIT
+ * Copyright (c) 2017-2018 Tobias Reich
+ * Copyright (c) 2018-2025 LycheeOrg.
+ */
+
+use Illuminate\Database\Migrations\Migration;
+
+return new class() extends Migration {
+	/**
+	 * Run the migrations.
+	 */
+	public function up(): void
+	{
+		DB::table('configs')->where('key', 'default_user_quota')->update(['order' => 2]);
+		DB::table('configs')->where('key', 'oauth_grant_new_user_modification_rights')->update(['key' => 'grant_new_user_modification_rights']);
+		DB::table('configs')->where('key', 'oauth_grant_new_user_upload_rights')->update(['key' => 'grant_new_user_upload_rights']);
+	}
+
+	/**
+	 * Reverse the migrations.
+	 */
+	public function down(): void
+	{
+		DB::table('configs')->where('key', 'grant_new_user_modification_rights')->update(['key' => 'oauth_grant_new_user_modification_rights']);
+		DB::table('configs')->where('key', 'grant_new_user_upload_rights')->update(['key' => 'oauth_grant_new_user_upload_rights']);
+	}
+};
diff --git a/lang/ar/profile.php b/lang/ar/profile.php
index ac516505d32..79597ff9d34 100644
--- a/lang/ar/profile.php
+++ b/lang/ar/profile.php
@@ -21,6 +21,13 @@
         'api_token' => 'رمز API …',
         'missing_fields' => 'حقول مفقودة',
     ],
+    'register' => [
+        'username_exists' => 'اسم المستخدم موجود بالفعل.',
+        'password_mismatch' => 'كلمات المرور غير متطابقة.',
+        'signup' => 'إنشاء حساب',
+        'error' => 'حدث خطأ أثناء تسجيل حسابك.',
+        'success' => 'تم إنشاء حسابك بنجاح.',
+    ],
     'token' => [
         'unavailable' => 'لقد قمت بعرض هذا الرمز مسبقًا.',
         'no_data' => 'لم يتم إنشاء أي رموز API.',
diff --git a/lang/cz/profile.php b/lang/cz/profile.php
index 7639588294e..41e9a86f6de 100644
--- a/lang/cz/profile.php
+++ b/lang/cz/profile.php
@@ -23,6 +23,13 @@
 
 		'missing_fields' => 'Missing fields',
 	],
+	'register' => [
+		'username_exists' => 'Username already exists.',
+		'password_mismatch' => 'The passwords do not match.',
+		'signup' => 'Sign Up',
+		'error' => 'An error occurred while registering your account.',
+		'success' => 'Your account has been successfully created.',
+	],
 
 	'token' => [
 		'unavailable' => 'You have already viewed this token.',
diff --git a/lang/de/profile.php b/lang/de/profile.php
index cd5d295ce4a..a88c98316fa 100644
--- a/lang/de/profile.php
+++ b/lang/de/profile.php
@@ -20,6 +20,13 @@
         'api_token' => 'API Token …',
         'missing_fields' => 'Fehlende Felder',
     ],
+    'register' => [
+        'username_exists' => 'Benutzername existiert bereits.',
+        'password_mismatch' => 'Die Passwörter stimmen nicht überein.',
+        'signup' => 'Registrieren',
+        'error' => 'Bei der Registrierung Ihres Kontos ist ein Fehler aufgetreten.',
+        'success' => 'Ihr Konto wurde erfolgreich erstellt.',
+    ],
     'token' => [
         'unavailable' => 'Sie haben diesen Token bereits gesehen.',
         'no_data' => 'Es wurde kein API-Token erzeugt.',
diff --git a/lang/el/profile.php b/lang/el/profile.php
index 7639588294e..e635110a590 100644
--- a/lang/el/profile.php
+++ b/lang/el/profile.php
@@ -24,6 +24,14 @@
 		'missing_fields' => 'Missing fields',
 	],
 
+	'register' => [
+		'username_exists' => 'Username already exists.',
+		'password_mismatch' => 'The passwords do not match.',
+		'signup' => 'Sign Up',
+		'error' => 'An error occurred while registering your account.',
+		'success' => 'Your account has been successfully created.',
+	],
+
 	'token' => [
 		'unavailable' => 'You have already viewed this token.',
 		'no_data' => 'No token API have been generated.',
diff --git a/lang/en/profile.php b/lang/en/profile.php
index 157ab143374..e1c88769ba7 100644
--- a/lang/en/profile.php
+++ b/lang/en/profile.php
@@ -21,6 +21,13 @@
         'api_token' => 'API Token …',
         'missing_fields' => 'Missing fields',
     ],
+    'register' => [
+        'username_exists' => 'Username already exists.',
+        'password_mismatch' => 'The passwords do not match.',
+        'signup' => 'Sign Up',
+        'error' => 'An error occurred while registering your account.',
+        'success' => 'Your account has been successfully created.',
+    ],
     'token' => [
         'unavailable' => 'You have already viewed this token.',
         'no_data' => 'No token API have been generated.',
diff --git a/lang/es/profile.php b/lang/es/profile.php
index 7639588294e..e635110a590 100644
--- a/lang/es/profile.php
+++ b/lang/es/profile.php
@@ -24,6 +24,14 @@
 		'missing_fields' => 'Missing fields',
 	],
 
+	'register' => [
+		'username_exists' => 'Username already exists.',
+		'password_mismatch' => 'The passwords do not match.',
+		'signup' => 'Sign Up',
+		'error' => 'An error occurred while registering your account.',
+		'success' => 'Your account has been successfully created.',
+	],
+
 	'token' => [
 		'unavailable' => 'You have already viewed this token.',
 		'no_data' => 'No token API have been generated.',
diff --git a/lang/fr/profile.php b/lang/fr/profile.php
index b23292f77d8..1c78dd3247e 100644
--- a/lang/fr/profile.php
+++ b/lang/fr/profile.php
@@ -21,6 +21,13 @@
         'api_token' => 'Jeton API …',
         'missing_fields' => 'Champs manquants',
     ],
+    'register' => [
+        'username_exists' => 'Le nom d’utilisateur existe déjà.',
+        'password_mismatch' => 'Les mots de passe ne correspondent pas.',
+        'signup' => 'S’inscrire',
+        'error' => 'Une erreur est survenue lors de l’enregistrement de votre compte.',
+        'success' => 'Votre compte a été créé avec succès.',
+    ],
     'token' => [
         'unavailable' => 'Vous avez déjà visualisé ce jeton.',
         'no_data' => 'Aucun jeton API n’a été généré.',
diff --git a/lang/hu/profile.php b/lang/hu/profile.php
index 7639588294e..60b0d1ac5a9 100644
--- a/lang/hu/profile.php
+++ b/lang/hu/profile.php
@@ -55,4 +55,12 @@
 		'credential_registred' => 'Registration successful!',
 		'5_chars' => 'At least 5 chars.',
 	],
+
+	'register' => [
+		'username_exists' => 'Username already exists.',
+		'password_mismatch' => 'The passwords do not match.',
+		'signup' => 'Sign Up',
+		'error' => 'An error occurred while registering your account.',
+		'success' => 'Your account has been successfully created.',
+	],
 ];
\ No newline at end of file
diff --git a/lang/it/profile.php b/lang/it/profile.php
index 7639588294e..e635110a590 100644
--- a/lang/it/profile.php
+++ b/lang/it/profile.php
@@ -24,6 +24,14 @@
 		'missing_fields' => 'Missing fields',
 	],
 
+	'register' => [
+		'username_exists' => 'Username already exists.',
+		'password_mismatch' => 'The passwords do not match.',
+		'signup' => 'Sign Up',
+		'error' => 'An error occurred while registering your account.',
+		'success' => 'Your account has been successfully created.',
+	],
+
 	'token' => [
 		'unavailable' => 'You have already viewed this token.',
 		'no_data' => 'No token API have been generated.',
diff --git a/lang/ja/profile.php b/lang/ja/profile.php
index 7639588294e..e635110a590 100644
--- a/lang/ja/profile.php
+++ b/lang/ja/profile.php
@@ -24,6 +24,14 @@
 		'missing_fields' => 'Missing fields',
 	],
 
+	'register' => [
+		'username_exists' => 'Username already exists.',
+		'password_mismatch' => 'The passwords do not match.',
+		'signup' => 'Sign Up',
+		'error' => 'An error occurred while registering your account.',
+		'success' => 'Your account has been successfully created.',
+	],
+
 	'token' => [
 		'unavailable' => 'You have already viewed this token.',
 		'no_data' => 'No token API have been generated.',
diff --git a/lang/nl/profile.php b/lang/nl/profile.php
index f9f8070e9f0..01d3fea5702 100644
--- a/lang/nl/profile.php
+++ b/lang/nl/profile.php
@@ -20,6 +20,13 @@
         'api_token' => 'API-token …',
         'missing_fields' => 'Ontbrekende velden',
     ],
+    'register' => [
+        'username_exists' => 'Gebruikersnaam bestaat al.',
+        'password_mismatch' => 'De wachtwoorden komen niet overeen.',
+        'signup' => 'Aanmelden',
+        'error' => 'Er is een fout opgetreden bij het registreren van uw account.',
+        'success' => 'Uw account is succesvol aangemaakt.',
+    ],
     'token' => [
         'unavailable' => 'U heeft dit token al bekeken.',
         'no_data' => 'Er zijn geen API-tokens gegenereerd.',
diff --git a/lang/no/profile.php b/lang/no/profile.php
index 7639588294e..fa92adf3fa5 100644
--- a/lang/no/profile.php
+++ b/lang/no/profile.php
@@ -24,6 +24,14 @@
 		'missing_fields' => 'Missing fields',
 	],
 
+	'register' => [
+		'username_exists' => 'Username already exists.',
+		'password_mismatch' => 'The passwords do not match.',
+		'signup' => 'Sign Up',
+		'error' => 'An error occurred while registering your account.',
+		'success' => 'Your account has been successfully created.',
+	],
+	
 	'token' => [
 		'unavailable' => 'You have already viewed this token.',
 		'no_data' => 'No token API have been generated.',
diff --git a/lang/pl/profile.php b/lang/pl/profile.php
index 4ff1faa9327..beb83a6bb12 100644
--- a/lang/pl/profile.php
+++ b/lang/pl/profile.php
@@ -21,6 +21,13 @@
         'api_token' => 'Token API ...',
         'missing_fields' => 'Brakujące pola',
     ],
+    'register' => [
+        'username_exists' => 'Nazwa użytkownika już istnieje.',
+        'password_mismatch' => 'Hasła nie pasują do siebie.',
+        'signup' => 'Zarejestruj się',
+        'error' => 'Wystąpił błąd podczas rejestrowania konta.',
+        'success' => 'Twoje konto zostało pomyślnie utworzone.',
+    ],
     'token' => [
         'unavailable' => 'Ten token został już wyświetlony.',
         'no_data' => 'Nie wygenerowano tokenu API.',
diff --git a/lang/pt/profile.php b/lang/pt/profile.php
index 7639588294e..e635110a590 100644
--- a/lang/pt/profile.php
+++ b/lang/pt/profile.php
@@ -24,6 +24,14 @@
 		'missing_fields' => 'Missing fields',
 	],
 
+	'register' => [
+		'username_exists' => 'Username already exists.',
+		'password_mismatch' => 'The passwords do not match.',
+		'signup' => 'Sign Up',
+		'error' => 'An error occurred while registering your account.',
+		'success' => 'Your account has been successfully created.',
+	],
+
 	'token' => [
 		'unavailable' => 'You have already viewed this token.',
 		'no_data' => 'No token API have been generated.',
diff --git a/lang/ru/profile.php b/lang/ru/profile.php
index 795f2d7a482..033b75001c9 100644
--- a/lang/ru/profile.php
+++ b/lang/ru/profile.php
@@ -21,6 +21,13 @@
         'api_token' => 'API Токен ...',
         'missing_fields' => 'Отсутствуют поля',
     ],
+    'register' => [
+        'username_exists' => 'Имя пользователя уже существует.',
+        'password_mismatch' => 'Пароли не совпадают.',
+        'signup' => 'Зарегистрироваться',
+        'error' => 'Произошла ошибка при регистрации вашей учетной записи.',
+        'success' => 'Ваша учетная запись была успешно создана.',
+    ],
     'token' => [
         'unavailable' => 'Вы уже просмотрели этот токен.',
         'no_data' => 'Токен API не был сгенерирован.',
diff --git a/lang/sk/profile.php b/lang/sk/profile.php
index 7639588294e..e635110a590 100644
--- a/lang/sk/profile.php
+++ b/lang/sk/profile.php
@@ -24,6 +24,14 @@
 		'missing_fields' => 'Missing fields',
 	],
 
+	'register' => [
+		'username_exists' => 'Username already exists.',
+		'password_mismatch' => 'The passwords do not match.',
+		'signup' => 'Sign Up',
+		'error' => 'An error occurred while registering your account.',
+		'success' => 'Your account has been successfully created.',
+	],
+
 	'token' => [
 		'unavailable' => 'You have already viewed this token.',
 		'no_data' => 'No token API have been generated.',
diff --git a/lang/sv/profile.php b/lang/sv/profile.php
index 7639588294e..e635110a590 100644
--- a/lang/sv/profile.php
+++ b/lang/sv/profile.php
@@ -24,6 +24,14 @@
 		'missing_fields' => 'Missing fields',
 	],
 
+	'register' => [
+		'username_exists' => 'Username already exists.',
+		'password_mismatch' => 'The passwords do not match.',
+		'signup' => 'Sign Up',
+		'error' => 'An error occurred while registering your account.',
+		'success' => 'Your account has been successfully created.',
+	],
+
 	'token' => [
 		'unavailable' => 'You have already viewed this token.',
 		'no_data' => 'No token API have been generated.',
diff --git a/lang/vi/profile.php b/lang/vi/profile.php
index 7639588294e..e635110a590 100644
--- a/lang/vi/profile.php
+++ b/lang/vi/profile.php
@@ -24,6 +24,14 @@
 		'missing_fields' => 'Missing fields',
 	],
 
+	'register' => [
+		'username_exists' => 'Username already exists.',
+		'password_mismatch' => 'The passwords do not match.',
+		'signup' => 'Sign Up',
+		'error' => 'An error occurred while registering your account.',
+		'success' => 'Your account has been successfully created.',
+	],
+
 	'token' => [
 		'unavailable' => 'You have already viewed this token.',
 		'no_data' => 'No token API have been generated.',
diff --git a/lang/zh_CN/profile.php b/lang/zh_CN/profile.php
index a0418076b70..2fa114e80b3 100644
--- a/lang/zh_CN/profile.php
+++ b/lang/zh_CN/profile.php
@@ -21,6 +21,13 @@
         'api_token' => 'API 令牌...',
         'missing_fields' => '缺少必填项',
     ],
+    'register' => [
+		'username_exists' => '用户名已存在。',
+		'password_mismatch' => '密码不匹配。',
+		'signup' => '注册',
+		'error' => '注册账户时发生错误。',
+		'success' => '您的账户已成功创建。',
+	],
     'token' => [
         'unavailable' => '您已查看过此令牌。',
         'no_data' => '尚未生成 API 令牌。',
diff --git a/lang/zh_TW/profile.php b/lang/zh_TW/profile.php
index 7639588294e..fa92adf3fa5 100644
--- a/lang/zh_TW/profile.php
+++ b/lang/zh_TW/profile.php
@@ -24,6 +24,14 @@
 		'missing_fields' => 'Missing fields',
 	],
 
+	'register' => [
+		'username_exists' => 'Username already exists.',
+		'password_mismatch' => 'The passwords do not match.',
+		'signup' => 'Sign Up',
+		'error' => 'An error occurred while registering your account.',
+		'success' => 'Your account has been successfully created.',
+	],
+	
 	'token' => [
 		'unavailable' => 'You have already viewed this token.',
 		'no_data' => 'No token API have been generated.',
diff --git a/resources/js/components/headers/AlbumsHeader.vue b/resources/js/components/headers/AlbumsHeader.vue
index 0246f41329f..0aa5db582b2 100644
--- a/resources/js/components/headers/AlbumsHeader.vue
+++ b/resources/js/components/headers/AlbumsHeader.vue
@@ -31,6 +31,35 @@
 		</template>
 
 		<template #end>
+			<template v-if="props.user.id === null">
+				<Button
+					as="router-link"
+					:to="{ name: 'login' }"
+					severity="secondary"
+					text
+					:class="{
+						'py-2 px-4 rounded-xl hidden md:block': true,
+						'dark:hover:text-surface-100': true,
+						'hover:text-surface-800': true,
+					}"
+				>
+					{{ $t("dialogs.login.signin") }}
+				</Button>
+				<Button
+					v-if="is_registration_enabled"
+					as="router-link"
+					:to="{ name: 'register' }"
+					severity="secondary"
+					text
+					:class="{
+						'py-2 px-4 rounded-xl hidden md:block': true,
+						'dark:hover:text-surface-100 dark:border-surface-400 dark:hover:border-surface-100': true,
+						'hover:text-surface-800 border-surface-500 hover:border-surface-800': true,
+					}"
+				>
+					{{ $t("profile.register.signup") }}
+				</Button>
+			</template>
 			<!-- Maybe logged in. -->
 			<div :class="menu.length > 1 ? 'hidden sm:block' : ''">
 				<template v-for="item in menu">
@@ -126,7 +155,7 @@ const lycheeStore = useLycheeStateStore();
 const togglableStore = useTogglablesStateStore();
 const favourites = useFavouriteStore();
 
-const { dropbox_api_key, is_favourite_enabled, is_se_preview_enabled, is_live_metrics_enabled } = storeToRefs(lycheeStore);
+const { dropbox_api_key, is_favourite_enabled, is_se_preview_enabled, is_live_metrics_enabled, is_registration_enabled } = storeToRefs(lycheeStore);
 const { is_login_open, is_upload_visible, is_create_album_visible, is_create_tag_album_visible, is_metrics_open } = storeToRefs(togglableStore);
 
 const router = useRouter();
@@ -216,7 +245,7 @@ type Item = {
 	icon: string;
 	if: boolean;
 };
-type MenuRight = (Item & Link) | (Item & Callback);
+type MenuRight = (Item & Link & { key: string }) | (Item & Callback & { key: string });
 
 const menu = computed(() =>
 	[
@@ -225,60 +254,64 @@ const menu = computed(() =>
 			type: "link",
 			icon: "pi pi-heart",
 			if: is_favourite_enabled.value && (favourites.photos?.length ?? 0) > 0,
+			key: "favourites",
 		},
 		{
 			icon: "pi pi-search",
 			type: "fn",
 			callback: openSearch,
 			if: props.config.is_search_accessible,
+			key: "search",
 		},
 		{
 			icon: "pi pi-bell",
 			type: "fn",
 			callback: () => (is_metrics_open.value = true),
 			if: is_live_metrics_enabled.value && props.rights.can_see_live_metrics,
+			key: "metrics",
 		},
 		{
 			icon: "pi pi-bell text-primary-emphasis",
 			type: "fn",
 			callback: () => (is_metrics_open.value = true),
 			if: is_se_preview_enabled.value && props.rights.can_see_live_metrics,
+			key: "se_preview",
 		},
 		{
 			icon: "pi pi-sign-in",
 			type: "fn",
 			callback: togglableStore.toggleLogin,
 			if: props.user.id === null && !isLoginLeft.value,
+			key: "login",
 		},
 		{
 			icon: "pi pi-question-circle",
 			type: "fn",
 			callback: openHelp,
 			if: !isTouchDevice() && props.user.id !== null && props.config.show_keybinding_help_button && document.body.scrollWidth > 800,
+			key: "help",
 		},
 		{
 			icon: "pi pi-plus",
 			type: "fn",
 			callback: openAddMenu,
 			if: props.rights.can_upload,
+			key: "add_menu",
 		},
 		{
 			icon: "pi pi-eye-slash",
 			type: "fn",
 			callback: () => (lycheeStore.are_nsfw_visible = false),
 			if: isTouchDevice() && props.hasHidden && lycheeStore.are_nsfw_visible,
+			key: "hide_nsfw",
 		},
 		{
 			icon: "pi pi-eye",
 			type: "fn",
 			callback: () => (lycheeStore.are_nsfw_visible = true),
 			if: isTouchDevice() && props.hasHidden && !lycheeStore.are_nsfw_visible,
+			key: "show_nsfw",
 		},
 	].filter((item) => item.if),
 ) as ComputedRef<MenuRight[]>;
-
-// bubble up.
-function refresh() {
-	emits("refresh");
-}
 </script>
diff --git a/resources/js/lychee.d.ts b/resources/js/lychee.d.ts
index 1201cf112a6..6857c7f31f6 100644
--- a/resources/js/lychee.d.ts
+++ b/resources/js/lychee.d.ts
@@ -269,6 +269,7 @@ declare namespace App.Http.Resources.GalleryConfigs {
 		is_se_preview_enabled: boolean;
 		is_se_info_hidden: boolean;
 		is_live_metrics_enabled: boolean;
+		is_registration_enabled: boolean;
 	};
 	export type LandingPageResource = {
 		landing_page_enable: boolean;
diff --git a/resources/js/router/routes.ts b/resources/js/router/routes.ts
index 7021d6f7f7a..c3efec5b353 100644
--- a/resources/js/router/routes.ts
+++ b/resources/js/router/routes.ts
@@ -19,6 +19,7 @@ const FixTree = () => import("@/views/FixTree.vue");
 const DuplicatesFinder = () => import("@/views/DuplicatesFinder.vue");
 const Changelogs = () => import("@/views/ChangeLogs.vue");
 const LoginPage = () => import("@/views/LoginPage.vue");
+const RegisterPage = () => import("@/views/RegisterPage.vue");
 
 const routes_ = [
 	{
@@ -126,6 +127,11 @@ const routes_ = [
 		path: "/login",
 		component: LoginPage,
 	},
+	{
+		name: "register",
+		path: "/register",
+		component: RegisterPage,
+	},
 ];
 
 if (import.meta.env.MODE === "development" && import.meta.env.VITE_LOCAL_DEV === "true") {
diff --git a/resources/js/services/profile-service.ts b/resources/js/services/profile-service.ts
index 0f5fc9f1ed0..06f62e963a0 100644
--- a/resources/js/services/profile-service.ts
+++ b/resources/js/services/profile-service.ts
@@ -16,9 +16,17 @@ const ProfileService = {
 	resetToken(): Promise<AxiosResponse<App.Http.Resources.Models.Utils.UserToken>> {
 		return axios.post(`${Constants.getApiUrl()}Profile::resetToken`, {});
 	},
-	unsetToken(): Promise<AxiosResponse<any>> {
+	unsetToken(): Promise<AxiosResponse<void>> {
 		return axios.post(`${Constants.getApiUrl()}Profile::unsetToken`, {});
 	},
+	register(data: {
+		username: string;
+		email: string;
+		password: string;
+		password_confirmation: string;
+	}): Promise<AxiosResponse<{ success: boolean; message: string }>> {
+		return axios.put(`${Constants.getApiUrl()}Profile`, data);
+	},
 };
 
 export default ProfileService;
diff --git a/resources/js/stores/LycheeState.ts b/resources/js/stores/LycheeState.ts
index c54979765ff..a50f92717f3 100644
--- a/resources/js/stores/LycheeState.ts
+++ b/resources/js/stores/LycheeState.ts
@@ -71,6 +71,9 @@ export const useLycheeStateStore = defineStore("lychee-store", {
 		is_old_style: false,
 		is_expert_mode: false,
 		are_all_settings_enabled: false,
+
+		// Registration settings
+		is_registration_enabled: false,
 	}),
 	actions: {
 		init() {
@@ -139,6 +142,8 @@ export const useLycheeStateStore = defineStore("lychee-store", {
 					this.is_medium_download_enabled = data.is_medium_download_enabled;
 					this.is_medium2x_download_enabled = data.is_medium2x_download_enabled;
 					this.photo_previous_next_size = data.photo_previous_next_size;
+
+					this.is_registration_enabled = data.is_registration_enabled;
 				})
 				.catch((error) => {
 					// In this specific case, even though it has been possibly disabled, we really need to see the error.
diff --git a/resources/js/views/LoginPage.vue b/resources/js/views/LoginPage.vue
index a5324c0c7b3..3afcd3b83c3 100644
--- a/resources/js/views/LoginPage.vue
+++ b/resources/js/views/LoginPage.vue
@@ -18,6 +18,11 @@
 			</h1>
 		</div>
 		<LoginForm @logged-in="goBack" padding="" />
+		<div v-if="is_registration_enabled" class="text-center mt-4">
+			<router-link to="/register" class="text-primary hover:underline">
+				{{ $t("auth.register") }}
+			</router-link>
+		</div>
 	</Panel>
 </template>
 <script setup lang="ts">
@@ -36,7 +41,7 @@ import { useRouter } from "vue-router";
 const router = useRouter();
 const lycheeStore = useLycheeStateStore();
 const leftMenuStore = useLeftMenuStateStore();
-const { title } = storeToRefs(lycheeStore);
+const { title, is_registration_enabled } = storeToRefs(lycheeStore);
 const is_loaded = ref(false);
 
 function goBack() {
diff --git a/resources/js/views/RegisterPage.vue b/resources/js/views/RegisterPage.vue
new file mode 100644
index 00000000000..10eb2fccf51
--- /dev/null
+++ b/resources/js/views/RegisterPage.vue
@@ -0,0 +1,128 @@
+<template>
+	<div class="absolute top-0 left-0">
+		<Button icon="pi pi-angle-left" class="mr-2 border-none" severity="secondary" text @click="goBack" />
+	</div>
+	<Panel class="border-none p-9 mx-auto max-w-3x" pt:content:class="flex flex-col items-center" pt:header:class="hidden" v-if="is_loaded">
+		<div class="my-12" v-if="initdata">
+			<h1 class="text-center text-2xl text-muted-color-emphasis uppercase font-extralight">
+				{{ initdata.landing_title }}
+			</h1>
+			<h2 class="text-center text-base text-muted-color uppercase font-extralight">
+				{{ initdata.landing_subtitle }}
+			</h2>
+		</div>
+		<div class="my-12" v-else>
+			<h1 class="text-center text-2xl text-muted-color-emphasis uppercase font-extralight">
+				{{ title }}
+			</h1>
+		</div>
+		<Message v-if="errorMessage" severity="error" class="mb-4 text-center" :content="errorMessage" />
+		<form v-focustrap class="flex flex-col gap-4 relative max-w-md w-full text-sm rounded-md pt-9">
+			<div class="inline-flex flex-col gap-2 px-9">
+				<FloatLabel variant="on">
+					<InputText id="username" v-model="username" autocomplete="username" :autofocus="true" />
+					<label for="username">{{ $t("profile.login.username") }}</label>
+				</FloatLabel>
+				<FloatLabel variant="on">
+					<InputText id="email" v-model="email" autocomplete="email" />
+					<label for="email">{{ $t("profile.login.email") }}</label>
+				</FloatLabel>
+				<FloatLabel variant="on">
+					<InputPassword id="password" v-model="password" autocomplete="new-password" />
+					<label for="password">{{ $t("profile.login.new_password") }}</label>
+				</FloatLabel>
+				<FloatLabel variant="on">
+					<InputPassword id="password_confirmation" v-model="passwordConfirmation" autocomplete="new-password" />
+					<label for="password_confirmation">{{ $t("profile.login.confirm_new_password") }}</label>
+				</FloatLabel>
+				<Message v-if="confirmationError" severity="error" class="text-sm mt-2">
+					{{ confirmationError }}
+				</Message>
+			</div>
+			<div class="flex items-center mt-9">
+				<Button @click="register" :disabled="!isFormValid" severity="contrast" class="w-full font-bold border-none rounded-xl">
+					{{ $t("profile.register.signup") }}
+				</Button>
+			</div>
+		</form>
+	</Panel>
+</template>
+
+<script setup lang="ts">
+import FloatLabel from "primevue/floatlabel";
+import Button from "primevue/button";
+import InputText from "@/components/forms/basic/InputText.vue";
+import InputPassword from "@/components/forms/basic/InputPassword.vue";
+import InitService from "@/services/init-service";
+import ProfileService from "@/services/profile-service";
+import { useLeftMenuStateStore } from "@/stores/LeftMenuState";
+import { useLycheeStateStore } from "@/stores/LycheeState";
+import { storeToRefs } from "pinia";
+import Panel from "primevue/panel";
+import { ref, computed, onMounted } from "vue";
+import { useRouter } from "vue-router";
+import { trans } from "laravel-vue-i18n";
+import { useToast } from "primevue/usetoast";
+import Message from "primevue/message";
+
+const router = useRouter();
+const lycheeStore = useLycheeStateStore();
+const leftMenuStore = useLeftMenuStateStore();
+const { title } = storeToRefs(lycheeStore);
+const is_loaded = ref(false);
+
+const username = ref("");
+const email = ref("");
+const password = ref("");
+const passwordConfirmation = ref("");
+const errorMessage = ref("");
+
+const confirmationError = computed(() => {
+	return password.value !== passwordConfirmation.value ? trans("profile.register.password_mismatch") : "";
+});
+
+const isFormValid = computed(() => {
+	return username.value && email.value && password.value && passwordConfirmation.value && !confirmationError.value;
+});
+
+function goBack() {
+	router.push({ name: "gallery" });
+}
+
+const toast = useToast();
+
+function register() {
+	ProfileService.register({
+		username: username.value,
+		email: email.value,
+		password: password.value,
+		password_confirmation: passwordConfirmation.value,
+	})
+		.then(() => {
+			errorMessage.value = ""; // Clear error message on success
+			toast.add({ severity: "success", summary: trans("profile.register.success"), life: 3000 });
+			router.push({ name: "gallery" }); // Redirect to gallery
+		})
+		.catch((error) => {
+			if (error.response?.status === 409) {
+				errorMessage.value = trans("profile.register.username_exists");
+			} else {
+				errorMessage.value = error.response?.data?.message || trans("profile.register.error");
+			}
+		});
+}
+
+const initdata = ref<App.Http.Resources.GalleryConfigs.LandingPageResource | undefined>(undefined);
+
+onMounted(() => {
+	// Close the left menu if it is open
+	leftMenuStore.left_menu_open = false;
+
+	Promise.all([lycheeStore.init(), InitService.fetchLandingData()]).then(([_lycheeData, initData]) => {
+		is_loaded.value = true;
+		if (initData.data.landing_page_enable === true) {
+			initdata.value = initData.data;
+		}
+	});
+});
+</script>
diff --git a/routes/api_v2.php b/routes/api_v2.php
index f196fd59993..cdb9f7d1c03 100644
--- a/routes/api_v2.php
+++ b/routes/api_v2.php
@@ -134,6 +134,7 @@
 Route::post('/Profile::update', [ProfileController::class, 'update']);
 Route::post('/Profile::resetToken', [ProfileController::class, 'resetToken']);
 Route::post('/Profile::unsetToken', [ProfileController::class, 'unsetToken']);
+Route::put('/Profile', [ProfileController::class, 'register']);
 
 /**
  * USERS.
diff --git a/routes/web_v2.php b/routes/web_v2.php
index 73ffd3ae3f0..dae6b9fe3cd 100644
--- a/routes/web_v2.php
+++ b/routes/web_v2.php
@@ -53,6 +53,7 @@
 Route::get('/duplicatesFinder', VueController::class)->middleware(['migration:complete', 'login_required:always']);
 Route::get('/changelogs', VueController::class)->middleware(['migration:complete']);
 Route::get('/login', VueController::class)->middleware(['migration:complete']);
+Route::get('/register', VueController::class)->name('register')->middleware(['migration:complete']);
 
 Route::match(['get', 'post'], '/migrate', [Admin\UpdateController::class, 'migrate'])
 	->name('migrate')
diff --git a/tests/Feature_v2/User/RegisterTest.php b/tests/Feature_v2/User/RegisterTest.php
new file mode 100644
index 00000000000..1e9946e1c9c
--- /dev/null
+++ b/tests/Feature_v2/User/RegisterTest.php
@@ -0,0 +1,87 @@
+<?php
+
+/**
+ * SPDX-License-Identifier: MIT
+ * Copyright (c) 2017-2018 Tobias Reich
+ * Copyright (c) 2018-2025 LycheeOrg.
+ */
+
+/**
+ * We don't care for unhandled exceptions in tests.
+ * It is the nature of a test to throw an exception.
+ * Without this suppression we had 100+ Linter warning in this file which
+ * don't help anything.
+ *
+ * @noinspection PhpDocMissingThrowsInspection
+ * @noinspection PhpUnhandledExceptionInspection
+ */
+
+namespace Tests\Feature_v2\User;
+
+use App\Models\Configs;
+use Tests\Feature_v2\Base\BaseApiWithDataTest;
+
+class RegisterTest extends BaseApiWithDataTest
+{
+	public function setUp(): void
+	{
+		parent::setUp();
+		Configs::set('user_registration_enabled', '1');
+		Configs::invalidateCache();
+	}
+
+	public function tearDown(): void
+	{
+		Configs::set('user_registration_enabled', '1');
+		Configs::invalidateCache();
+		parent::tearDown();
+	}
+
+	public function testRegistrationRequiresValidData()
+	{
+		$response = $this->putJson('/Profile', []);
+		$this->assertUnprocessable($response);
+		$response->assertJsonValidationErrors(['username', 'email', 'password']);
+	}
+
+	public function testRegistrationFailsWithDuplicateUsername()
+	{
+		$response = $this->putJson('/Profile', [
+			'username' => $this->userMayUpload1->username,
+			'email' => 'newuser@example.com',
+			'password' => 'password123',
+			'password_confirmation' => 'password123',
+		]);
+		$this->assertStatus($response, 409);
+	}
+
+	public function testRegistrationSucceedsWithValidInput()
+	{
+		$response = $this->putJson('/Profile', [
+			'username' => 'newuser',
+			'email' => 'newuser@example.com',
+			'password' => 'password123',
+			'password_confirmation' => 'password123',
+		]);
+
+		$this->assertCreated($response);
+		$response->assertJson(['message' => 'User registered successfully']);
+		$this->assertDatabaseHas('users', [
+			'username' => 'newuser',
+			'email' => 'newuser@example.com',
+		]);
+	}
+
+	public function testRegistrationFailsWithInvalidEmail()
+	{
+		$response = $this->putJson('/Profile', [
+			'username' => 'testuser',
+			'email' => 'invalid-email',
+			'password' => 'password123',
+			'password_confirmation' => 'password123',
+		]);
+
+		$this->assertUnprocessable($response);
+		$response->assertJsonValidationErrors(['email']);
+	}
+}

From 31e1d38d1febe54c4c7612f399bd6348646df652 Mon Sep 17 00:00:00 2001
From: ildyria <beviguier@gmail.com>
Date: Fri, 6 Jun 2025 17:51:03 +0200
Subject: [PATCH 2/4] WRTC + other fixes

---
 resources/js/components/forms/basic/InputPassword.vue | 2 +-
 resources/js/views/LoginPage.vue                      | 4 ++--
 resources/js/views/RegisterPage.vue                   | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/js/components/forms/basic/InputPassword.vue b/resources/js/components/forms/basic/InputPassword.vue
index d7687b9f999..f16aa84201d 100644
--- a/resources/js/components/forms/basic/InputPassword.vue
+++ b/resources/js/components/forms/basic/InputPassword.vue
@@ -31,5 +31,5 @@ const props = defineProps<{
 }>();
 
 const modelValue = defineModel<Nullable<string>>();
-const classValue = ref((props.class ?? "") + " border-0 p-3 w-full border-b hover:border-b-danger-600 focus:border-b-danger-600");
+const classValue = ref((props.class ?? "") + " border-0 w-full border-b hover:border-b-danger-600 focus:border-b-danger-600");
 </script>
diff --git a/resources/js/views/LoginPage.vue b/resources/js/views/LoginPage.vue
index 3afcd3b83c3..e17d9dc70a7 100644
--- a/resources/js/views/LoginPage.vue
+++ b/resources/js/views/LoginPage.vue
@@ -19,8 +19,8 @@
 		</div>
 		<LoginForm @logged-in="goBack" padding="" />
 		<div v-if="is_registration_enabled" class="text-center mt-4">
-			<router-link to="/register" class="text-primary hover:underline">
-				{{ $t("auth.register") }}
+			<router-link to="/register" class="text-muted-color-emphasis text-sm font-bold hover:underline">
+				{{ $t("profile.register.signup") }}
 			</router-link>
 		</div>
 	</Panel>
diff --git a/resources/js/views/RegisterPage.vue b/resources/js/views/RegisterPage.vue
index 10eb2fccf51..2d6f7bc79ec 100644
--- a/resources/js/views/RegisterPage.vue
+++ b/resources/js/views/RegisterPage.vue
@@ -18,7 +18,7 @@
 		</div>
 		<Message v-if="errorMessage" severity="error" class="mb-4 text-center" :content="errorMessage" />
 		<form v-focustrap class="flex flex-col gap-4 relative max-w-md w-full text-sm rounded-md pt-9">
-			<div class="inline-flex flex-col gap-2 px-9">
+			<div class="inline-flex flex-col gap-4 px-9">
 				<FloatLabel variant="on">
 					<InputText id="username" v-model="username" autocomplete="username" :autofocus="true" />
 					<label for="username">{{ $t("profile.login.username") }}</label>

From 173f6d6f76a440cae6f006e313883b882625eb86 Mon Sep 17 00:00:00 2001
From: ildyria <beviguier@gmail.com>
Date: Sat, 7 Jun 2025 11:03:46 +0200
Subject: [PATCH 3/4] fix redirection

---
 resources/js/views/RegisterPage.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/resources/js/views/RegisterPage.vue b/resources/js/views/RegisterPage.vue
index 2d6f7bc79ec..7bca9785f9d 100644
--- a/resources/js/views/RegisterPage.vue
+++ b/resources/js/views/RegisterPage.vue
@@ -16,7 +16,7 @@
 				{{ title }}
 			</h1>
 		</div>
-		<Message v-if="errorMessage" severity="error" class="mb-4 text-center" :content="errorMessage" />
+		<Message v-if="errorMessage" severity="error" class="mb-4 text-center" >{{ errorMessage }}</Message>
 		<form v-focustrap class="flex flex-col gap-4 relative max-w-md w-full text-sm rounded-md pt-9">
 			<div class="inline-flex flex-col gap-4 px-9">
 				<FloatLabel variant="on">
@@ -64,8 +64,11 @@ import { useRouter } from "vue-router";
 import { trans } from "laravel-vue-i18n";
 import { useToast } from "primevue/usetoast";
 import Message from "primevue/message";
+import { useAuthStore } from "@/stores/Auth";
+import AlbumService from "@/services/album-service";
 
 const router = useRouter();
+const authStore = useAuthStore();
 const lycheeStore = useLycheeStateStore();
 const leftMenuStore = useLeftMenuStateStore();
 const { title } = storeToRefs(lycheeStore);
@@ -101,6 +104,9 @@ function register() {
 		.then(() => {
 			errorMessage.value = ""; // Clear error message on success
 			toast.add({ severity: "success", summary: trans("profile.register.success"), life: 3000 });
+			// Clear the cache to trigger reload of user data
+			authStore.setUser(null);
+			AlbumService.clearCache();
 			router.push({ name: "gallery" }); // Redirect to gallery
 		})
 		.catch((error) => {

From deda547f6a67d2d6ed4412e8767e87af14d6d05b Mon Sep 17 00:00:00 2001
From: ildyria <beviguier@gmail.com>
Date: Sat, 7 Jun 2025 11:04:40 +0200
Subject: [PATCH 4/4] formatting

---
 resources/js/views/RegisterPage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/views/RegisterPage.vue b/resources/js/views/RegisterPage.vue
index 7bca9785f9d..a8984d3af65 100644
--- a/resources/js/views/RegisterPage.vue
+++ b/resources/js/views/RegisterPage.vue
@@ -16,7 +16,7 @@
 				{{ title }}
 			</h1>
 		</div>
-		<Message v-if="errorMessage" severity="error" class="mb-4 text-center" >{{ errorMessage }}</Message>
+		<Message v-if="errorMessage" severity="error" class="mb-4 text-center">{{ errorMessage }}</Message>
 		<form v-focustrap class="flex flex-col gap-4 relative max-w-md w-full text-sm rounded-md pt-9">
 			<div class="inline-flex flex-col gap-4 px-9">
 				<FloatLabel variant="on">