forked from nikita/muzika-gromche
52 lines
1.3 KiB
Vue
52 lines
1.3 KiB
Vue
<script setup lang="ts">
|
||
import { storeToRefs } from 'pinia'
|
||
import { useTrackStore } from '@/store/TrackStore'
|
||
|
||
const trackStore = useTrackStore()
|
||
const { version } = storeToRefs(trackStore)
|
||
|
||
const product = 'MuzikaGromche'
|
||
const productLink = 'https://thunderstore.io/c/lethal-company/p/Ratijas/MuzikaGromche/'
|
||
const year = '2025–2026'
|
||
const author = 'Ratijas'
|
||
const authorLink = 'https://ratijas.me'
|
||
</script>
|
||
|
||
<template>
|
||
<footer>
|
||
<div
|
||
class="tw:py-2 tw:px-4 tw:gap-2 tw:flex tw:flex-row tw:max-sm:flex-col tw:flex-wrap tw:items-center tw:justify-center toolbar-background"
|
||
style="border-top: var(--view-separator-border);"
|
||
>
|
||
<span>
|
||
<span>
|
||
<a :href="productLink" target="_blank" rel="nofollow">{{ product }}</a>
|
||
</span>
|
||
<template v-if="version">
|
||
<span>
|
||
v{{ version }}
|
||
</span>
|
||
</template>
|
||
</span>
|
||
<div class="separator tw:max-sm:hidden" />
|
||
<span>
|
||
Copyright © {{ year }}
|
||
</span>
|
||
<div class="separator tw:max-sm:hidden" />
|
||
<span>
|
||
Made by <a :href="authorLink" target="_blank" rel="nofollow">{{ author }}</a>
|
||
</span>
|
||
</div>
|
||
</footer>
|
||
</template>
|
||
|
||
<style scoped>
|
||
.separator {
|
||
align-self: stretch;
|
||
max-height: 1em;
|
||
margin-top: 6px;
|
||
margin-bottom: 4px;
|
||
border-left: 1.5px solid;
|
||
}
|
||
</style>
|