import { App } from 'vue';
import { WebBehaviorCollector } from '@tencent/merlin-behavior-web';

export function registerHoverHook(app: App, behaviorCollector: WebBehaviorCollector) {
  app.directive('ml-hover', {
    mounted(el, _binding, vnode) {
      const extInfo = vnode.props?.['ml-extends'];
      behaviorCollector.hover(el, extInfo);
    },
    updated(el, _binding, vnode) {
      const extInfo = vnode.props?.['ml-extends'];
      behaviorCollector.hover(el, extInfo);
    },
    beforeUnmount(el) {
      behaviorCollector.deleteHover(el);
    },
  });
}