<script setup lang="ts">
import { useRequest } from 'alova/client';
import { copyrightMethod } from '@/request/api';
import { Dialog } from '@/platform';
const title = import.meta.env.SIX_APP_TITLE;
const { data: copyright, send: load } = useRequest(copyrightMethod).onError(async ({ error }) => {
  await Dialog.show({
    message: error.message,
    theme: 'round-button',
    showCancelButton: false,
    confirmButtonText: '刷新',
    width: '350px',
  });
  await load();
});
</script>

<template>
  <div class="wrapper flex flex-col">
    <div class="flex-none h-[106px]">
      <div class="h-full flex justify-center items-center text-4xl" style="letter-spacing: 0.2em">{{ title }}</div>
    </div>
    <div class="flex-auto"></div>
    <div class="flex-none text-xl p-2 text-center tracking-widest" v-html="copyright"></div>
  </div>
</template>

<style scoped lang="scss">
.wrapper {
  background: url("@/assets/images/screen.scan.png") no-repeat center / 100%;
}
</style>
