Switch locale via route and sync config

Replace Livewire-only locale switching with a dedicated GET route and session persistence. The locale switcher blade now uses anchor links to route('locale.switch') (with wire:key) instead of invoking a Livewire button. A new /locale/{locale} route stores the chosen locale in session and redirects back. The Livewire component was updated to use session()->put()/save() and return a redirect based on the Referer header. Middleware now also sets config('app.locale') when setting App::setLocale so components read the correct locale.

Author: ProgrammerNomad

modules/Core/src/Http/Livewire/LocaleSwitcher.php

@@ -26,11 +26,10 @@ public function switchLocale(string $locale)
             return;
         }
 
-        Session::put('locale', $locale);
-        App::setLocale($locale);
-        $this->currentLocale = $locale;
+        session()->put('locale', $locale);
+        session()->save();
 
-        $this->redirect(url()->previous(fallback: '/'), navigate: false);
+        return redirect(request()->header('Referer', '/'));
     }
 
     public function render()

modules/Core/src/Http/Middleware/SetLocale.php

@@ -21,6 +21,7 @@ public function handle(Request $request, Closure $next): Response
 
         if (in_array($locale, ['en', 'hi', 'ar'])) {
             App::setLocale($locale);
+            config(['app.locale' => $locale]); // Sync config to ensure components pick it up
         }
 
         return $next($request);

modules/Core/views/livewire/locale-switcher.blade.php

@@ -23,8 +23,9 @@ class="absolute {{ app()->getLocale() == 'ar' ? 'left-0' : 'right-0' }} mt-2 w-4
     >
         <div class="py-1">
             @foreach($availableLocales as $locale => $details)
-                <button
-                    wire:click="switchLocale('{{ $locale }}')"
+                <a
+                    href="{{ route('locale.switch', $locale) }}"
+                    wire:key="locale-{{ $locale }}"
                     class="w-full text-{{ app()->getLocale() == 'ar' ? 'right' : 'left' }} flex items-center justify-between px-4 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-700 transition {{ $currentLocale === $locale ? 'bg-blue-50 dark:bg-blue-900/30 text-blue-600 dark:text-blue-400' : 'text-gray-700 dark:text-gray-300' }}"
                 >
                     <span>{{ $details['native'] }}</span>
@@ -33,7 +34,7 @@ class="w-full text-{{ app()->getLocale() == 'ar' ? 'right' : 'left' }} flex item
                             <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                         </svg>
                     @endif
-                </button>
+                </a>
             @endforeach
         </div>
     </div>

routes/web.php

@@ -4,6 +4,13 @@
 use Modules\Docs\Http\Controllers\DocsController;
 use Modules\Core\Http\Livewire\Changelog;
 
+Route::get('/locale/{locale}', function (string $locale) {
+    if (in_array($locale, ['en', 'hi', 'ar'])) {
+        session()->put('locale', $locale);
+    }
+    return redirect()->back();
+})->name('locale.switch');
+
 Route::get('/', Modules\Core\Http\Livewire\Home::class)->name('home');
 
 Route::get('/changelog', Changelog::class)->name('changelog');