diff --git a/src/main.ts b/src/main.ts
index 00637f9a..e9cadfc0 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -8,8 +8,8 @@ import '@/assets/styles/global.scss'
 import '@/assets/styles/antd.scss'
 import 'animate.css'
 
-import contextmenu from './plugins/contextmenu'
-import clickOutside from './plugins/clickOutside'
+import Contextmenu from './plugins/contextmenu'
+import ClickOutside from './plugins/clickOutside'
 
 import IconFont from '@/components/IconFont'
 import FileInput from '@/components/FileInput.vue'
@@ -51,8 +51,8 @@ app.component('Input', Input)
 app.component('InputGroup', Input.Group)
 app.component('Modal', Modal)
 
-app.use(contextmenu)
-app.use(clickOutside)
+app.directive('contextmenu', Contextmenu)
+app.directive('click-outside', ClickOutside)
 
 app.component('IconFont', IconFont)
 app.component('FileInput', FileInput)
diff --git a/src/plugins/clickOutside.ts b/src/plugins/clickOutside.ts
index b74511f3..bd7b0d83 100644
--- a/src/plugins/clickOutside.ts
+++ b/src/plugins/clickOutside.ts
@@ -1,4 +1,4 @@
-import { Directive, App, DirectiveBinding } from 'vue'
+import { Directive, DirectiveBinding } from 'vue'
 
 const CTX_CLICK_OUTSIDE_HANDLER = 'CTX_CLICK_OUTSIDE_HANDLER'
 
@@ -28,9 +28,4 @@ const ClickOutsideDirective: Directive = {
   },
 }
 
-export default {
-  install(app: App) {
-    app.directive('click-outside', ClickOutsideDirective)
-  },
-  directive: ClickOutsideDirective,
-}
\ No newline at end of file
+export default ClickOutsideDirective
\ No newline at end of file
diff --git a/src/plugins/contextmenu.ts b/src/plugins/contextmenu.ts
index e302f70d..96948dbc 100644
--- a/src/plugins/contextmenu.ts
+++ b/src/plugins/contextmenu.ts
@@ -1,4 +1,4 @@
-import { Directive, App, createVNode, render, DirectiveBinding } from 'vue'
+import { Directive, createVNode, render, DirectiveBinding } from 'vue'
 import ContextmenuComponent from '@/components/Contextmenu/index.vue'
 
 const CTX_CONTEXTMENU_HANDLER = 'CTX_CONTEXTMENU_HANDLER'
@@ -53,8 +53,4 @@ const ContextmenuDirective: Directive = {
   },
 }
 
-export default {
-  install(app: App) {
-    app.directive('contextmenu', ContextmenuDirective)
-  }
-}
\ No newline at end of file
+export default ContextmenuDirective
\ No newline at end of file