vben
2021-02-22 be3a3ed699f73d352d49623ef07288093a3332c4
src/App.vue
@@ -1,34 +1,39 @@
<template>
  <ConfigProvider :locale="zhCN" :transformCellText="transformCellText" v-bind="lockOn">
    <router-view />
  <ConfigProvider v-bind="lockEvent" :locale="antConfigLocale">
    <AppProvider>
      <RouterView />
    </AppProvider>
  </ConfigProvider>
</template>
<script lang="ts">
  import { defineComponent } from 'vue';
  import { ConfigProvider } from 'ant-design-vue';
  import { createBreakpointListen } from '/@/hooks/event/useBreakpoint';
  import { AppProvider } from '/@/components/Application';
  import zhCN from 'ant-design-vue/es/locale/zh_CN';
  import moment from 'moment';
  import 'moment/locale/zh-cn';
  import { initAppConfigStore } from '/@/logics/initAppConfig';
  import { useConfigProvider, useInitAppConfigStore, useListenerNetWork } from './useApp';
  import { useLockPage } from '/@/hooks/web/useLockPage';
  moment.locale('zh-cn');
  import { useLocale } from '/@/locales/useLocale';
  export default defineComponent({
    name: 'App',
    components: { ConfigProvider },
    components: { ConfigProvider, AppProvider },
    setup() {
      useInitAppConfigStore();
      useListenerNetWork();
      createBreakpointListen();
      const { transformCellText } = useConfigProvider();
      const { on: lockOn } = useLockPage();
      // support Multi-language
      const { antConfigLocale, setLocale } = useLocale();
      setLocale();
      // Initialize vuex internal system configuration
      initAppConfigStore();
      // Create a lock screen monitor
      const lockEvent = useLockPage();
      return {
        transformCellText,
        zhCN,
        lockOn,
        antConfigLocale,
        lockEvent,
      };
    },
  });