diff --git a/client/src/setup/directives.ts b/client/src/setup/directives.ts
index 1aa8fb21..c12abe53 100644
--- a/client/src/setup/directives.ts
+++ b/client/src/setup/directives.ts
@@ -1,8 +1,10 @@
 import autoGrow from '@/directives/auto-grow';
 import clickOutside from '@/directives/click-outside';
+import highlight from '@/directives/highlight';
 const registerDirectives = (app: any) => {
   app.directive('click-outside', clickOutside);
   app.directive('auto-grow', autoGrow);
+  app.directive('highlight', highlight);
 };
 
 export default registerDirectives;