knowyt/client/src/components/CopyrightNotice.vue
2025-04-16 17:30:42 +02:00

33 lines
727 B
Vue

<template>
<div class="copyright-notice__version" @click="openInfoModal">
v{{ config.public.version }}, © 2021-2025, Settel
</div>
<InfoModal v-if="showInfoModal" @close="closeInfoModal" />
</template>
<script setup lang="ts">
import { useRuntimeConfig } from '#app'
import { ref, computed } from 'vue'
const config = useRuntimeConfig()
const showInfoModal = ref(false)
const openInfoModal = () => { showInfoModal.value = true }
const closeInfoModal = () => { showInfoModal.value = false }
</script>
<style lang="scss">
.copyright-notice {
&__version {
position: absolute;
right: 1em;
bottom: 0;
color: #606060;
cursor: pointer;
&:hover {
color: #c0c0c0;
}
}
}
</style>