import { createInertiaApp, router } from '@inertiajs/vue3'; import { initializeTheme } from '@/composables/useAppearance'; import AppLayout from '@/layouts/AppLayout.vue'; import AuthLayout from '@/layouts/AuthLayout.vue'; import SettingsLayout from '@/layouts/settings/Layout.vue'; import { initializeFlashToast } from '@/lib/flashToast'; const appName = import.meta.env.VITE_APP_NAME || 'Laravel'; // Update the dir attribute on every navigation so the layout // immediately switches between RTL and LTR when the language changes. router.on('navigate', () => { const page = (router as unknown as { page?: { props?: Record } }).page; if (page?.props?.locale) { document.documentElement.dir = page.props.locale === 'ar' ? 'rtl' : 'ltr'; } }); createInertiaApp({ title: (title) => (title ? `${title} - ${appName}` : appName), layout: (name) => { switch (true) { case name.startsWith('auth/'): return AuthLayout; case name.startsWith('settings/'): return [AppLayout, SettingsLayout]; default: return AppLayout; } }, progress: { color: '#4B5563', }, }); // This will set light / dark mode on page load... initializeTheme(); // This will listen for flash toast data from the server... initializeFlashToast();