bookclub-manager/nuxt/components/Footer.vue

34 lines
1.0 KiB
Vue
Raw Permalink Blame History

This file contains invisible Unicode characters!

This file contains invisible Unicode characters that may be processed differently from what appears below. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to reveal hidden characters.

<script setup lang="ts">
import party from 'party-js'
const config = useRuntimeConfig()
function confirmDeadline(event) {
party.confetti(event)
}
</script>
<template>
<div>
<UDivider />
<UFooter>
<template #left>
<div class="flex items-center gap-4">
<!-- <OctolabsLogo class="fill-primary rotate-45" width="36" /> -->
<div class="text-xs">
Copyright © {{ new Date().getFullYear() }}
</div>
</div>
</template>
<template #center>
Made with <span class="cursor-pointer transition duration-500 hover:scale-125 hover:animate-pulse" @click="confirmDeadline"></span> by <a class="text-primary hover:text-primary-600 ml-1" href="https://flycro.me" target="_blank">Flycro</a>
</template>
<template #right>
<div class="font-mono text-xs">
{{ config.public.packageVersion }} - {{ config.public.gitHash !== '' ? config.public.gitHash : '0000000' }}
</div>
</template>
</UFooter>
</div>
</template>