2024-04-07 11:08:05 +08:00

23 lines
747 B
Vue

<script setup lang="ts">
const localePath = useLocalePath()
const {t} = useI18n()
</script>
<template>
<footer class="text-gray-800 h-[10vh] bg-[#F1F3F4] dark:text-white dark:bg-[#000000FF]">
<div class="max-w-5xl mx-auto py-4 px-4 flex justify-between items-center">
<div class="text-sm">
{{ t('footer.text') }}
</div>
<div class="flex items-center space-x-4">
<NuxtLink :to="localePath('/api.html')" class="hover:underline">{{ t('footer.api') }}</NuxtLink>
<NuxtLink to="https://github.com/7836246/Nuxt-Whois" class="hover:underline">
<Icon name="ant-design:github-outlined" class="h-6 w-6"/>
</NuxtLink>
</div>
</div>
</footer>
</template>
<style scoped>
</style>