<template>
  <div class="pg-home">
    <ComEntry />
    <ComProject />
<!--    <ComSystem />-->
    <ComRank />
    <ComAuthority />
<!--    <ComSafe />-->
<!--    <ComVideo />-->
    <ComBank />
    <ComNews />
  </div>
</template>

<script setup lang="ts">
import {ref, onMounted, onBeforeUnmount, computed} from 'vue';
import {useRoute, useRouter} from 'vue-router';
import {useAccount} from '@/utils/hooks/useAccount';
import {useGlobalInfoStore} from '@/stores/Global';
import {DChart} from 'vue-devui/echarts';
import {reactive} from 'vue';
import ComEntry from './component/ComEntry.vue';
import ComSystem from './component/ComSystem.vue';
import ComProject from './component/ComProject/index.vue';
import ComRank from './component/ComRank.vue';
import ComAuthority from './component/ComAuthority.vue';
import ComSafe from './component/ComSafe.vue';
import ComVideo from './component/ComVideo.vue';
import ComBank from './component/ComBank.vue';
import ComNews from './component/ComNews.vue';

const route = useRoute();
const router = useRouter();

</script>

<style scoped lang="scss">
.pg-home {
  background-color: #f5f5f5;
}

</style>
