<script setup lang="ts">
import { siteConfig } from '~/config/site'

const config = useRuntimeConfig()
const icp = config.public.icp
const psBeian = config.public.psBeian
</script>

<template>
  <footer class="py-6 text-center text-sm border-t" style="color: var(--color-text-secondary); border-color: var(--color-border);">
    <p>
      &copy; {{ new Date().getFullYear() }} {{ siteConfig.siteName }}
      <template v-if="icp">
        &nbsp;·&nbsp;
        <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer" class="hover:opacity-70 whitespace-nowrap" style="border-bottom: 1px solid var(--color-text-secondary); padding-bottom: 1px;">{{ icp }}</a>
      </template>
      <template v-if="psBeian">
        &nbsp;·&nbsp;
        <a :href="`https://beian.mps.gov.cn/#/query/webSearch?code=${psBeian}`" rel="noreferrer" target="_blank" class="hover:opacity-70 whitespace-nowrap" style="border-bottom: 1px solid var(--color-text-secondary); padding-bottom: 1px;">
          <span class="inline-flex items-center gap-0.5">
            <img src="@/assets/备案图标.png" alt="" class="w-3 h-3" />
            <span>川公网安备{{ psBeian }}号</span>
          </span>
        </a>
      </template>
    </p>
  </footer>
</template>
