import { onMounted, onUnmounted } from 'vue'

import { useVideoList } from '@/composables/useVideoList.js'
import { useDefaultPerf } from '@/composables/useDefaultPerf.js'
import { useBookList } from '@/composables/useBookList.js'
import { useShortcutBar } from '@/composables/useShortcutBar.js'
import { useScrollTop } from '@/composables/useScrollTop.js'

export {
  useVideoList,
  useDefaultPerf,
  useBookList,
  useShortcutBar,
  useScrollTop
}

/**
 * 添加和清除 DOM 事件监听器
 * @param {*} target 
 * @param {*} event 
 * @param {*} callback 
 */
export function useEventListener(target, event, callback) {
  onMounted(() => target && target.addEventListener(event, callback))
  onUnmounted(() => target && target.removeEventListener(event, callback))
}