import { createApp } from 'vue';

/**
 * 完整引入 arco-design
 * @see https://arco.design/vue/docs/start#%E5%AE%8C%E6%95%B4%E5%BC%95%E5%85%A5
 */
import ArcoVue from '@arco-design/web-vue';
import '@arco-design/web-vue/dist/arco.css';
import ArcoVueIcon from '@arco-design/web-vue/es/icon';

import './index.css';

/**
 * 无界 微前端
 * @see https://wujie-micro.github.io/doc/pack/#%E5%BC%95%E5%85%A5
 */
import WujieVue from 'wujie-vue3';
import App from './App.vue';

import router from './router'; // 路由
import directive from './directive'; // 指令
import { setupI18n } from './i18n';

import { initTheme } from './base/theme';
import store from './base/store';
const app = createApp(App);

app.use(router);
app.use(directive);
app.use(WujieVue);
app.use(store);
app.use(ArcoVue);
app.use(ArcoVueIcon);

setupI18n().then((i18n) => {
  app.use(i18n);
  app.mount('#app');
  initTheme();
});