import { App } from 'vue';
import { LiteBehaviorCollector } from '@tencent/merlin-behavior-lite';

export const registerExposeRootHook = (app: App, behaviorCollector: LiteBehaviorCollector) => {
  app.directive('ml-exposeRoot', {
    mounted(el, binding) {
      // const exposeConfig = binding.value; // 暂时禁用，直到客户端修复 IntersectionObserver bug
      const name = binding.arg as string;
      behaviorCollector.exposeRoot(el, {
        name,
        // exposeConfig,
      });
    },
    beforeUnmount(el) {
      behaviorCollector.deleteExposeRoot(el);
    },
  });
};