diff --git a/core/core-frontend/src/pages/panel/main.ts b/core/core-frontend/src/pages/panel/main.ts
index 7023518fbf..8ae917fb6c 100644
--- a/core/core-frontend/src/pages/panel/main.ts
+++ b/core/core-frontend/src/pages/panel/main.ts
@@ -65,6 +65,7 @@ import { setupStore } from '@/store'
 import { useEmbedded } from '@/store/modules/embedded'
 import { setupElementPlus, setupElementPlusIcons } from '@/plugins/element-plus'
 import { setupRouter } from '@/router/embedded'
+import { installDirective } from '@/directive'
 
 const setupAll = async (
   dom: string,
@@ -79,6 +80,7 @@ const setupAll = async (
   resourceId: string
 ): Promise<App<Element>> => {
   const app = createApp(AppElement, { componentName: type })
+  installDirective(app)
   await setupI18n(app)
   setupStore(app)
   setupRouter(app)
diff --git a/core/core-frontend/src/views/share/share/ShareVisualHead.vue b/core/core-frontend/src/views/share/share/ShareVisualHead.vue
index af28609324..6ad0ddbdd4 100644
--- a/core/core-frontend/src/views/share/share/ShareVisualHead.vue
+++ b/core/core-frontend/src/views/share/share/ShareVisualHead.vue
@@ -191,7 +191,6 @@ const hideShare = async () => {
   }
 }
 const clickOutPopover = e => {
-  console.log(e, 'e', popoverVisible.value, e.target.closest('[class*="share-popover"]'))
   if (!popoverVisible.value || e.target.closest('[class*="share-popover"]')) {
     return
   }