diff --git a/Services/client/src/main.ts b/Services/client/src/main.ts
index a7cb552..6ab4a8d 100644
--- a/Services/client/src/main.ts
+++ b/Services/client/src/main.ts
@@ -14,6 +14,11 @@ login().then(async () => {
   const app = createApp(App)
   const pinia = createPinia()
 
+  app.directive(
+    'click-outside',
+    (await import('@/lib/directives')).clickOutside,
+  )
+
   app.use((await import('./router')).default)
   app.use(pinia)
   app.use(Quasar, {