import { createApp } from 'vue'
import App from '@/views/App.vue'
import ElementPlus from 'element-plus'
import { zhCn } from 'element-plus/es/locales'
import IndexTitle from '@/components/IndexTitle/index.vue'
import PublicChart from '@/components/PublicChart/index.vue'
import IndustryTitle from '@/components/IndustryTradeComponents/IndustryTitle.vue'
import { setupStore } from '@/stores'
import { setupRouter } from '@/router'
import { library } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import { fas } from '@fortawesome/free-solid-svg-icons'

// 引入样式文件
import '@/assets/styles/frontend.css'
import '@/assets/styles/gzt.css'
import '@/assets/styles/normalize.css'
import 'element-plus/dist/index.css'
import '@/assets/styles/reset.css'
import '@/assets/styles/index.scss'
// import '@/assets/styles/themes/cvi.scss'
// import '@/assets/styles/themes/svi.scss'
import '@/assets/styles/themes/classPublic.scss'
import 'echarts-liquidfill/src/liquidFill.js'
import 'echarts-gl'
import '@/assets/styles/Browser.scss'
import '@/assets/styles/BusinessTable.scss'
import '@/assets/styles/TreeSelector.scss'
import ElTable from '@/components/ElTable.vue'
import './public/styles/fonts.scss'

const app = createApp(App)
// ui
app.use(ElementPlus,{locale: zhCn, size: 'large'})
// font awesome icon
library.add(fas)
app.component('font-awesome-icon', FontAwesomeIcon)
// 使用自定义的ElTable组件注册全局的el-table
app.component('el-table', ElTable)

// store
setupStore(app)
// router
setupRouter(app)
app.component('IndexTitle', IndexTitle)
app.component('PublicChart', PublicChart)
app.component('IndustryTitle', IndustryTitle)
app.mount('#app')