implement localization

resources/js/app.tsx

@@ -1,10 +1,12 @@
-import { createInertiaApp } from '@inertiajs/react';
+import { createInertiaApp, router } from '@inertiajs/react';
 import { Toaster } from '@/components/ui/sonner';
 import { TooltipProvider } from '@/components/ui/tooltip';
 import { initializeTheme } from '@/hooks/use-appearance';
 import AppLayout from '@/layouts/app-layout';
 import AuthLayout from '@/layouts/auth-layout';
 import SettingsLayout from '@/layouts/settings/layout';
+import { applyDocumentLocalization } from '@/lib/localization';
+import type { Localization } from '@/types';
 
 const appName = import.meta.env.VITE_APP_NAME || 'Nyone';
 
@@ -38,3 +40,15 @@ createInertiaApp({
 
 // This will set light / dark mode on load...
 initializeTheme();
+
+router.on('navigate', (event) => {
+    applyDocumentLocalization(
+        event.detail.page.props.localization as Localization | undefined,
+    );
+});
+
+router.on('success', (event) => {
+    applyDocumentLocalization(
+        event.detail.page.props.localization as Localization | undefined,
+    );
+});