import { createApp } from 'vue';

import './index.css';

/**
 * arco vue icon
 * arco vue中的图标
 * 图标使用方式已变更：使用一个注册一个，
 * 之前是全量注册，会导致build产物有过多无用内容。
 * 如果在使用图标时，发现无法显示或者异常，请先检查 ./3rd-libs/arco-vue-install-icon.js 中是否注册对应图标
 */
import installArcoVue from './3rd-libs/arco-vue-install-icon';

/**
 * 无界 微前端
 * @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);

installArcoVue(app);

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