<template>
  <mui-video
    @on-play="onPlay"
    :item="item"
    type="bookDetail"
    v-for="(item, index) in mock"
    :key="index"></mui-video>
</template>

<script setup>
  import mock from '@/components/MuiVideo/mock';
  import MuiVideo from '@/components/MuiVideo/index';
  import { ref } from 'vue';
  import { useRoute, useRouter } from 'vue-router';

  import {
    Cookies,
    $,
    _,
    axios,
    storeToRefs,
    mainStore,
    Toast,
    useTitle,
  } from '@/utils/generatePackage.js';
  //import { } from '@/utils/generateModules.js'
  //import { } from '@/utils/generateIcons.js'
  //import { } from '@/composables'
  const $route = useRoute();
  const $router = useRouter();
  useTitle($route.meta.title);

  const onPlay = ({ event, props }) => {
    console.warn(event);
    console.warn(props);
  };
</script>

<style
  lang="less"
  scoped></style>