🔨 Refactor: upgrade vue2 -> vue3

src/main.ts

@@ -1,26 +1,29 @@
-import Vue from 'vue'
+import { createApp } from 'vue'
 import App from './renderer/App.vue'
 import router from './renderer/router'
-import ElementUI from 'element-ui'
+import ElementUI from 'element-plus'
+import 'element-plus/dist/index.css'
 import { webFrame } from 'electron'
-import 'element-ui/lib/theme-chalk/index.css'
-import VueLazyLoad from 'vue-lazyload'
+import VueLazyLoad from 'vue3-lazyload'
 import axios from 'axios'
-import mainMixin from './renderer/utils/mainMixin'
-import bus from '@/utils/bus'
+import { mainMixin } from './renderer/utils/mainMixin'
+import { dragMixin } from '@/utils/mixin'
 import { initTalkingData } from './renderer/utils/analytics'
 import db from './renderer/utils/db'
-// import { T, i18n } from '#/i18n/index'
-// import { handleURLParams } from '@/utils/beforeOpen'
 import { i18nManager, T } from './renderer/i18n/index'
+import { getConfig, saveConfig, sendToMain, triggerRPC } from '@/utils/dataSender'
+import { store } from '@/store'
+import vue3PhotoPreview from 'vue3-photo-preview'
+import 'vue3-photo-preview/dist/index.css'
 
 webFrame.setVisualZoomLevelLimits(1, 1)
 
 // do here before vue init
 // handleURLParams()
 
-Vue.config.productionTip = false
-Vue.prototype.$builtInPicBed = [
+const app = createApp(App)
+
+app.config.globalProperties.$builtInPicBed = [
   'smms',
   'imgur',
   'qiniu',
@@ -29,21 +32,27 @@ Vue.prototype.$builtInPicBed = [
   'aliyun',
   'github'
 ]
-Vue.prototype.$$db = db
-Vue.prototype.$http = axios
-Vue.prototype.$bus = bus
-Vue.prototype.$T = T
-Vue.prototype.$i18n = i18nManager
 
-Vue.use(ElementUI)
-Vue.use(VueLazyLoad, {
+app.config.globalProperties.$$db = db
+app.config.globalProperties.$http = axios
+app.config.globalProperties.$T = T
+app.config.globalProperties.$i18n = i18nManager
+app.config.globalProperties.getConfig = getConfig
+app.config.globalProperties.triggerRPC = triggerRPC
+app.config.globalProperties.saveConfig = saveConfig
+app.config.globalProperties.sendToMain = sendToMain
+
+app.mixin(mainMixin)
+app.mixin(dragMixin)
+
+app.use(VueLazyLoad, {
   error: `file://${__static.replace(/\\/g, '/')}/unknown-file-type.svg`
 })
-Vue.mixin(mainMixin)
+app.use(ElementUI)
+app.use(router)
+app.use(store)
+app.use(vue3PhotoPreview)
 
-new Vue({
-  router,
-  render: h => h(App)
-}).$mount('#app')
+app.mount('#app')
 
 initTalkingData()