main.js

import { createApp } from 'vue'
import { createPinia } from 'pinia'
import { createI18n } from 'vue-i18n'
import Vant from 'vant'
import App from './App.vue'
import router from './router'
import messages from './locales'
import 'vant/lib/index.css'
import './style.css'

// Get saved language from localStorage or default to 'en'
const savedLanguage = localStorage.getItem('language') || 'en'

// Set document direction based on language
document.dir = savedLanguage === 'ar' ? 'rtl' : 'ltr'

const i18n = createI18n({
  legacy: false,
  locale: savedLanguage,
  messages,
})

const app = createApp(App)
const pinia = createPinia()
app.use(pinia)
app.use(router)
app.use(i18n)
app.use(Vant)
app.mount('#app')