<template>
  <AdaptiveContainer :options="{ width: width, height: height }" style="overflow-y: hidden">
    <ConfigProvider :locale="getAntdLocale" prefixCls="zxm">
      <AppProvider>
        <RouterView />
      </AppProvider>
    </ConfigProvider>
  </AdaptiveContainer>
</template>

<script lang="ts" setup>
  import { ref } from 'vue';
  import { ConfigProvider } from 'ant-design-vue';
  import { AppProvider } from '/@/components/Application';
  import { useTitle } from '/@/hooks/web/useTitle';
  import { useLocale } from '/@/locales/useLocale';
  import AdaptiveContainer from '/@/components/Container/src/Adaptive.vue';

  // 解决日期时间国际化问题
  import 'dayjs/locale/zh-cn';


  // support Multi-language
  const { getAntdLocale } = useLocale();
  const width = ref(1920);
  const height = ref(929);

  const body = document.body.getBoundingClientRect();
  if (screen.height === body.height && screen.width === body.width) {
    height.value = 1080;
  }

  useTitle();
</script>
<style lang="less" scoped>
  #app {
    overflow: hidden;
  }
  @font-face {
    font-family: 'douyuFont';
    src: url('/@/assets/font/douyuFont.otf');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'numberFont';
    src: url('/@/assets/font/yjsz.TTF');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'electronicFont';
    src: url('/@/assets/font/DS-DIGIT.TTF');
    font-weight: normal;
    font-style: normal;
  }
</style>
