chore: 整理main.ts

src/main.ts

@@ -4,20 +4,24 @@ import { store, key } from './store'
 
 import '@icon-park/vue-next/styles/index.css'
 import 'prosemirror-view/style/prosemirror.css'
+import 'animate.css'
+
 import '@/assets/styles/prosemirror.scss'
 import '@/assets/styles/global.scss'
 import '@/assets/styles/antd.scss'
 import '@/assets/styles/font.scss'
-import 'animate.css'
 
-// 自定义插件
+import Icon from '@/plugins/icon'
-import IconPark from '@/plugins/iconPark'
 import Antd from '@/plugins/antd'
-import PptCustomComponent from '@/plugins/PptCustomComponent'
+import Component from '@/plugins/component'
+import Directive from '@/plugins/directive'
 
 const app = createApp(App)
-app.use(IconPark)
+
+app.use(Icon)
 app.use(Antd)
-app.use(PptCustomComponent)
+app.use(Component)
+app.use(Directive)
+
 app.use(store, key)
 app.mount('#app')

src/plugins/antd.ts

@@ -1,5 +1,5 @@
 import { App } from 'vue'
-// antd 组件
+
 import {
   InputNumber,
   Divider,
@@ -21,7 +21,6 @@ import {
 
 export default {
   install(app: App) {
-    // 插入元素
     app.component('InputNumber', InputNumber)
     app.component('Divider', Divider)
     app.component('Button', Button)

src/plugins/component.ts

@@ -1,7 +1,5 @@
 import { App } from 'vue'
-// 自定义插件
+
-import Contextmenu from './contextmenu'
-import ClickOutside from './clickOutside'
 import FileInput from '@/components/FileInput.vue'
 import SvgWrapper from '@/components/SvgWrapper.vue'
 import CheckboxButton from '@/components/CheckboxButton.vue'
@@ -11,9 +9,6 @@ import FullscreenSpin from '@/components/FullscreenSpin.vue'
 
 export default {
   install(app: App) {
-    // 插入元素
-    app.directive('contextmenu', Contextmenu)
-    app.directive('click-outside', ClickOutside)
     app.component('FileInput', FileInput)
     app.component('SvgWrapper', SvgWrapper)
     app.component('CheckboxButton', CheckboxButton)

src/plugins/directive/index.ts

@@ -0,0 +1,11 @@
+import { App } from 'vue'
+
+import Contextmenu from './contextmenu'
+import ClickOutside from './clickOutside'
+
+export default {
+  install(app: App) {
+    app.directive('contextmenu', Contextmenu)
+    app.directive('click-outside', ClickOutside)
+  }
+}