import 'element-plus/theme-chalk/dark/css-vars.css';
import '@styles/global.css';
import '@styles/variable.css';
import '@styles/elementPlus.css';
import '@icon-park/vue-next/styles/index.css';
import {createApp} from 'vue';
import App from './App.vue';
import {router} from '@routes';
import {VueQueryPlugin, QueryClient} from '@tanstack/vue-query';
import {createPinia} from 'pinia';
import i18n from '@locales';
import {HomeTwo} from '@icon-park/vue-next';

const client = new QueryClient({
  defaultOptions: {
    queries: {
      refetchOnWindowFocus: false,
      retry: false,
    },
  },
});

const app = createApp(App);

app
  .use(router)
  .use(i18n)
  .use(createPinia())
  .use(VueQueryPlugin, {queryClient: client});

// #region 注册菜单使用的icon
app.component('HomeMenuIcon', HomeTwo);
// #endregion

app.mount('#app');