import { createApp } from 'vue'

import App from './App.vue'

import router, { setupRouter } from './router' // 路由

import { setupStore } from './store' // 状态管理

import { setupDirectives } from '@/directives' // 自定义指令

import { setupGlobCom } from './components'

import { setupElement } from '@/plugins/element-plus'

import '@/styles/index.less'

import 'virtual:svg-icons-register'

import './permission' // permission control

import { mockXHR } from '@/mock'
mockXHR()

const app = createApp(App)

setupStore(app) // 引入状态管理

setupRouter(app) // 引入路由

setupDirectives(app)

setupElement(app)

setupGlobCom(app) // 引入全局组件

router.isReady().then(() => {
  app.mount('#app')
})