import { ref } from 'vue'

/**
 * 首页视频播放控制
 * @module useHomeVideoPlayer
 * @description 管理首页视频列表的播放状态，确保同一时间只有一个视频在播放。
 * @returns {Object} 包含视频播放索引和控制方法
 */
export const useHomeVideoPlayer = () => {
    /** @type {import('vue').Ref<number|null>} 当前播放的视频索引 */
    const activeVideoIndex = ref(null)

    /**
     * 播放指定索引的视频
     * @param {number} index - 视频索引
     */
    const playVideo = (index) => {
        activeVideoIndex.value = index
    }

    /**
     * 关闭当前视频播放
     */
    const closeVideo = () => {
        activeVideoIndex.value = null
    }

    return {
        activeVideoIndex,
        playVideo,
        closeVideo
    }
}