<template>
  <CameraList/>
  <!--    <n-config-provider :date-locale="dateZhCN" :locale="zhCN">-->
  <!--    <CameraItem-->
  <!--            name="测试球机视频"-->
  <!--            source="https://sf1-hscdn-tos.pstatp.com/obj/media-fe/xgplayer_doc_video/flv/xgplayer-demo-360p.flv"-->
  <!--    />-->
  <!--    </n-config-provider>-->
  <!--  source="/video/sms/34020000002020000001/flv/hls/34020000001320000011_34020000001320000011.flv"-->
  <!--            source="https://sf1-hscdn-tos.pstatp.com/obj/media-fe/xgplayer_doc_video/flv/xgplayer-demo-720p.flv"-->
  <!--  source="http://106.74.152.123:10000/sms/34020000002020000001/flv/hls/34020000001320000011_34020000001320000011.flv"-->
</template>

<script>
// import {NConfigProvider, zhCN,dateZhCN} from 'naive-ui'
import CameraList from "./components/CameraList.vue";
import {useTokenStore} from "@/store/token";
// import List from "./infinite-list-vue.umd.cjs";
export default {
  name: "App",
  computed: {},
  components: {
    CameraList,
  },
  created() {
    console.log("created")
  },
  mounted() {
    console.log("mounted")
    const tokenStore = useTokenStore();
    tokenStore.fetchToken();
  },
};
</script>

<style>
#app {
  background-color: #f6f6f6;
//width: 100vw; //height: 100vh;
}
</style>
