import { createI18n } from 'vue-i18n';


import ar from './ar.json';
import en from './en.json';

const messages = {
    en,
    ar,
};

const savedLocale = localStorage.getItem('locale') || 'ar';

// Persist locale in a cookie so the backend SetLocale middleware can read it
// on every request — including direct page loads and browser refreshes —
// not just Inertia XHR navigations where the interceptor injects the header.
document.cookie = `locale=${savedLocale}; path=/; SameSite=Lax`;

const i18n = createI18n({
  legacy:false,
  locale: savedLocale, // set locale from storage or default
  fallbackLocale: 'ar', // set fallback locale
  messages, // set locale messages
});

// Set initial document attributes
document.documentElement.lang = savedLocale;
document.documentElement.dir = savedLocale === 'ar' ? 'rtl' : 'ltr';

export default i18n;