import * as Vue3 from 'vue'
import 'uno.css'
import { createI18n } from 'vue-i18n'
import { initI18n } from '@opentiny/vue-locale'
import { Loading } from '@opentiny/vue'
import App from '@/App.vue'

const app = Vue3.createApp(App)

const mode = location.pathname.split('/')[1] || 'pc'

app.config.globalProperties.tiny_mode = { value: mode }
app.config.globalProperties.isPcMode = mode === 'pc'
app.config.globalProperties.isMobileMode = mode === 'mobile'

// 注入全局的saas主题变量
app.config.globalProperties.tiny_theme = { value: import.meta.env.VITE_TINY_THEME }

const demoMessages = {
  zhCN: {
    ui: { grid: { demo: { companyName: '公司名称', employees: '员工数', address: '地址', introduction: '介绍' } } }
  },
  enUS: {
    ui: {
      grid: {
        demo: { companyName: 'Company Name', employees: 'Employees', address: 'Address', introduction: 'Introduction' }
      }
    }
  },
  esLA: {
    ui: {
      grid: {
        demo: { companyName: 'Company Name', employees: 'Employees', address: 'Address', introduction: 'Introduction' }
      }
    }
  },
  ptBR: {
    ui: {
      grid: {
        demo: { companyName: 'Company Name', employees: 'Employees', address: 'Address', introduction: 'Introduction' }
      }
    }
  }
}

app.use(initI18n({ createI18n, i18n: {}, messages: demoMessages }))
app.use(Loading)
app.mount('#app')