<template>
  <div class="layout-footer">
    <span>{{ config.web_copyright }}</span>
    <NuxtLink
      v-if="config.web_icp_record"
      class="ml-2 hover:text-primary duration-300"
      target="_blank"
      to="https://beian.miit.gov.cn/"
    >
      <span>{{ config.web_icp_record }}</span>
    </NuxtLink>
    <NuxtLink
      v-if="config.web_police_record"
      class="ml-2 hover:text-primary duration-300"
      target="_blank"
      to="https://beian.mps.gov.cn/#/query/webSearch"
    >
      <span>{{ config.web_police_record }}</span>
    </NuxtLink>
  </div>
</template>

<script setup lang="ts">
import { useAppStore } from '~/stores/app'
const appStore = useAppStore()
const config = computed(() => appStore.config)
</script>

<style lang="scss" scoped>
.layout-footer {
  @apply text-center text-sm px-2 py-4 text-info border-t border-br;
}
</style>
