import { createApp } from "vue";
import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
// css公用文件
import "@/assets/css/forex/index.css";
import "element-plus/dist/index.css";
import "vue3-country-intl/lib/vue3-country-intl.css";
import "@/assets/css/common.css";
import "vue-slider-component/theme/default.css";
import "vue3-slide-verify/dist/style.css";

//共同
// import CommonHeader from "@/components/common/commonHeader.vue";
// forex公用组件
import menuLayout from "@/components/forex/menuLayout.vue";
import pcSection from "@/components/forex/pcSection.vue";
// etf公用组件
import Vue3CountryIntl from "vue3-country-intl";
import SlideVerify from "vue3-slide-verify";
import { getImages } from "@/utils/index";
import eventBus from "vue3-eventbus";
import lazyPlugin from "vue3-lazy";
import router from "@/router";
import pinia from "@/store";
import i18n from "@/i18n";
import App from "./App.vue";
import zh from "element-plus/lib/locale/lang/zh-cn";
import en from "element-plus/lib/locale/lang/en";
import { ElMessage } from "element-plus";
import ElementPlus from "element-plus";
const lang = localStorage.getItem("lang").includes("zh-CN");
const app = createApp(App).use(lazyPlugin, {
  // loading: require('@/assets/images/default.png'), // 图片加载时默认图片
  // error: require('@/assets/images/error.png')// 图片加载失败时默认图片
});

pinia.use(piniaPluginPersistedstate); //开启持久化
app.use(i18n);
app.use(router);
app.use(ElementPlus, {
  locale: lang ? zh : en,
});
app.use(pinia);
app.use(eventBus);
app.config.globalProperties.$getImages = getImages; //挂载全局
app.config.globalProperties.$title = import.meta.env.VITE_APP__TITLE;
app.component(Vue3CountryIntl.name, Vue3CountryIntl);
app.component(SlideVerify);
app.mount("#app");
app.config.globalProperties.$message = ElMessage;