main.ts 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. // 引入unocss css
  2. import '@/plugins/unocss'
  3. // 导入全局的svg图标
  4. import '@/plugins/svgIcon'
  5. // 初始化多语言
  6. import { setupI18n } from '@/plugins/vueI18n'
  7. // 引入状态管理
  8. import { setupStore } from '@/store'
  9. // 全局组件
  10. import { setupGlobCom } from '@/components'
  11. // 引入 element-plus
  12. import { setupElementPlus } from '@/plugins/elementPlus'
  13. // 引入 vxe-table
  14. import { setupVxeTable } from '@/plugins/vxeTable'
  15. // 引入 form-create
  16. import { setupFormCreate } from '@/plugins/formCreate'
  17. // 引入全局样式
  18. import '@/styles/index.scss'
  19. // 引入动画
  20. import '@/plugins/animate.css'
  21. // 路由
  22. import router, { setupRouter } from '@/router'
  23. // 权限
  24. import { setupAuth } from '@/directives'
  25. import { createApp } from 'vue'
  26. import App from './App.vue'
  27. import './permission'
  28. import '@/plugins/tongji' // 百度统计
  29. import Logger from '@/utils/Logger'
  30. import VueDOMPurifyHTML from 'vue-dompurify-html' // 解决v-html 的安全隐患
  31. // 创建实例
  32. const setupAll = async () => {
  33. const app = createApp(App)
  34. await setupI18n(app)
  35. setupStore(app)
  36. setupGlobCom(app)
  37. setupElementPlus(app)
  38. setupVxeTable(app)
  39. setupFormCreate(app)
  40. setupRouter(app)
  41. setupAuth(app)
  42. await router.isReady()
  43. app.use(VueDOMPurifyHTML)
  44. app.mount('#app')
  45. }
  46. setupAll()
  47. Logger.prettyPrimary(`欢迎使用`, import.meta.env.VITE_APP_TITLE)