<script setup lang="ts">
import { PageContainer } from '@ant-design-vue/pro-layout';
import ChangeLogo from './components/change-logo.vue';
import ChangeLogoBG from './components/change-login-bg.vue';
import ChangeTitle from './components/change-title.vue';
import ChangeCopyright from './components/change-copyright.vue';
import useI18n from '@/hooks/useI18n';
const { t } = useI18n();
</script>

<template>
  <PageContainer>
    <a-card :bordered="false">
      <a-divider orientation="left">
        {{ t('views.system.setting.sysLogo') }}
      </a-divider>
      <ChangeLogo></ChangeLogo>
      <a-divider orientation="left">
        {{ t('views.system.setting.sysName') }}
      </a-divider>
      <ChangeTitle></ChangeTitle>
      <a-divider orientation="left">
        {{ t('views.system.setting.sysCopyright') }}
      </a-divider>
      <ChangeCopyright></ChangeCopyright>
      <a-divider orientation="left">
        {{ t('views.system.setting.sysLoginBg') }}
      </a-divider>
      <ChangeLogoBG></ChangeLogoBG>
    </a-card>
  </PageContainer>
</template>

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