refactor: footer component

This commit is contained in:
2024-10-22 21:13:23 +02:00
parent 13fa633db4
commit 6377e13809
3 changed files with 51 additions and 17 deletions
+41
View File
@@ -0,0 +1,41 @@
<template>
<footer class="app_footer">
&copy;
<a href="https://td2.info.pl/profile/?u=20777" target="_blank">Spythere</a>
{{ new Date().getUTCFullYear() }} |
<button class="btn--text" @click="openUpdateCard">
v{{ version }}{{ isOnProductionHost ? '' : 'dev' }}
</button>
<br />
<a href="https://discord.gg/x2mpNN3svk">
<img src="/images/icon-discord.png" alt="" />&nbsp;<b>{{ $t('footer.discord') }}</b>
</a>
<div style="display: none">&int; ukryta taktyczna całka do programowania w HTMLu</div>
</footer>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
emits: ['openUpdateCard'],
props: {
isUpdateCardOpen: {
type: Boolean,
required: true
},
version: String,
isOnProductionHost: Boolean
},
methods: {
openUpdateCard() {
this.$emit('openUpdateCard');
}
}
});
</script>
<style scoped></style>
@@ -12,7 +12,6 @@
@error="onImageError"
width="300"
height="176"
class="rounded-md w-full h-auto"
:src="`https://stacjownik.spythere.eu/static/images/${vehicleName}--300px.jpg`"
/>