import { createApp } from 'vue'
import './style.css'
import App from './App.vue'

// import { createRouter } from 'vue-router'
// import VueRouter from 'vue-router'
// Vue.use(VueRouter)


import router from './components/router.js'
import ElementPlus from 'element-plus' //全局引入
import 'element-plus/dist/index.css'


// import 'dayjs/locale/zh-cn';
// import locale from 'element-plus/es/locale/lang/zh-cn';

import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import VueScrollTo from 'vue-scrollto'
import 'vue3-layer/dist/s3Layer.css'

// import VueRouter from 'vue-router'
// const { createRouter, createWebHistory } = VueRouter

// import VueAmazingUI from 'vue-amazing-ui'
// import 'vue-amazing-ui/css'

// import {isMobilePage} from './components/screenSize.js'

const app = createApp(App)

// router.beforeEach((to, from, next) => {
//   if (isMobilePage() && to.path !== '/MobilePage') {
//     next({ name: 'MobilePage' });
//   } else {
//     next();
//   }
// })

// 全局注册el-icon
for (const [name, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(name, component);
}

app.use(ElementPlus, {
  locale: zhCn,
})
// app.use(ElementPlus, { locale })

app.use(router)
// app.use(ElementPlus)
app.use(VueScrollTo)
// app.use(VueAmazingUI)

// app.use(VueRouter)

app.mount('#app')

// createApp(App).mount('#app')