import { createApp } from "vue";
import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
// css公用文件
import "@/assets/css/compositeHome/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";

// composite-home公用组件
import menuLayout from "@comCompositeHome/menuLayout.vue";
import pcSection from "@comCompositeHome/pcSection.vue";

//element-plus组件
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";

// 公用组件
import Vue3CountryIntl from "vue3-country-intl";
import SlideVerify from "vue3-slide-verify";
import eventBus from "vue3-eventbus";
import lazyPlugin from "vue3-lazy";

// 自定义指令
import {setupAuthDirective} from './utils/directives';

import { getImages } from "@/utils/index";
import router from "@/router";
import pinia from "@/store";
import i18n from "@/i18n";
import App from "./App.vue";

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); //开启持久化
setupAuthDirective(app); // 阻止鼠标多次点击指令
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.config.globalProperties.$email = import.meta.env.VITE_APP__EMAIL;

app.component(Vue3CountryIntl.name, Vue3CountryIntl);
app.component(SlideVerify);
app.mount("#app");
app.config.globalProperties.$message = ElMessage;