You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.2 KiB
42 lines
1.2 KiB
<template>
|
|
<footer class="footer">
|
|
<div class="footer-content">
|
|
<p>© {{ currentYear }} {{ TEXTS.FOOTER.COPYRIGHT }}</p>
|
|
<div class="footer-links">
|
|
<a :href="PATHS.LINKS.YOUTUBE" target="_blank" rel="noopener noreferrer">
|
|
<NuxtImg
|
|
v-if="isDark"
|
|
:src="PATHS.ICONS.YOUTUBE.DARK"
|
|
alt="YouTube"
|
|
class="footer-icon"
|
|
width="24"
|
|
height="24"
|
|
@error="handleIconError"
|
|
/>
|
|
<NuxtImg
|
|
v-else
|
|
:src="PATHS.ICONS.YOUTUBE.LIGHT"
|
|
alt="YouTube"
|
|
class="footer-icon"
|
|
width="24"
|
|
height="24"
|
|
@error="handleIconError"
|
|
/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { TEXTS } from '~/config/content';
|
|
import { PATHS } from '~/config/paths';
|
|
import { handleIconError } from '~/assets/ts/components/footer';
|
|
const currentYear = new Date().getFullYear();
|
|
const props = defineProps({'isDark' : {type: Boolean, default: false}});
|
|
</script>
|
|
|
|
<style scoped>
|
|
@import '~/assets/css/footer.css';
|
|
</style>
|