/*
 * @Author: RenXiaoDong
 * @Date: 2025-06-24 16:29:10
 */
import App from './App.vue';
import router from './router';
import store from './stores';
import * as directives from '@/directives';

import VueLazyLoad from "vue-lazyload";
import NoData from '@/components/no-data/index.vue';
import SvgIcon from '@/components/svg-icon/index.vue';

import '@/api/index';
import './core';
import '@arco-design/web-vue/dist/arco.css'; // 已移除 Arco 样式

import 'normalize.css';
import 'uno.css';
import 'virtual:svg-icons-register';

import errorImage from '@/assets/img/error-img.png';
import loadingImage from '@/assets/img/error-img.png';

// import '@/styles/vars.css'; // 优先加载

const app = createApp(App);

app.component('NoData', NoData);
app.component('SvgIcon', SvgIcon);

app.use(store);
app.use(router);
app.use(VueLazyLoad, {
  error: errorImage,
  loading: loadingImage,
});

Object.values(directives).forEach((directive) => {
  app.use(directive);
}); // 注册指令

// 解决mounted中获取不到route信息
router.isReady().then(() => {
  app.mount('#app');
});