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.
40 lines
1.1 KiB
40 lines
1.1 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">
|
|
<img
|
|
:src="$theme.isDark ? PATHS.ICONS.YOUTUBE.DARK : PATHS.ICONS.YOUTUBE.LIGHT"
|
|
alt="YouTube"
|
|
class="footer-icon"
|
|
width="24"
|
|
height="24"
|
|
@error="handleIconError"
|
|
loading="lazy"
|
|
/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { TEXTS } from '~/config/content';
|
|
import { PATHS , DEFAULT_IMAGES} from '~/config/paths';
|
|
|
|
const handleIconError = (payload: string | Event) => {
|
|
if (payload instanceof Event) {
|
|
const target = payload.target as HTMLImageElement;
|
|
target.src = DEFAULT_IMAGES.ICON;
|
|
}
|
|
};
|
|
|
|
const { $theme } = useNuxtApp();
|
|
const currentYear = new Date().getFullYear();
|
|
</script>
|
|
|
|
<style scoped>
|
|
@import '~/assets/css/footer.css';
|
|
</style>
|