<script setup>
  import { LiveList } from 'tuikit-atomicx-vue3'
  import { UIKitProvider } from '@tencentcloud/uikit-base-component-vue3'
  import { navigateTo } from '../../../utils/router'

  function handleLiveRoomClick(liveInfo) {
    // console.log('handleLiveRoomClick', liveInfo)
    navigateTo('/pages/discover/livelist/h5-live-player', {
      liveId: liveInfo.liveId
      // liveId: 'live_17623802651'
    })
  }
</script>

<template>
  <UIKitProvider language="zh-CN">
    <div @click="handleLiveRoomClick()">点击</div>
    <LiveList @live-room-click="handleLiveRoomClick" />
  </UIKitProvider>
</template>

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