45 lines
893 B
Vue
45 lines
893 B
Vue
<template>
|
|
<modal
|
|
transition-name="fade"
|
|
variant="hint-modal"
|
|
>
|
|
<template #default="{onClose}">
|
|
<card
|
|
class="has-no-shadow"
|
|
:title="$t('about.title')"
|
|
:has-close="true"
|
|
@close="onClose"
|
|
:padding="false"
|
|
>
|
|
<div class="p-4">
|
|
<p>
|
|
{{ $t('about.frontendVersion', {version: frontendVersion}) }}
|
|
</p>
|
|
<p>
|
|
{{ $t('about.apiVersion', {version: apiVersion}) }}
|
|
</p>
|
|
</div>
|
|
<template #footer>
|
|
<x-button
|
|
variant="secondary"
|
|
@click="onClose"
|
|
>
|
|
{{ $t('misc.close') }}
|
|
</x-button>
|
|
</template>
|
|
</card>
|
|
</template>
|
|
</modal>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import {computed} from 'vue'
|
|
|
|
import {VERSION} from '@/version.json'
|
|
import {useConfigStore} from '@/stores/config'
|
|
|
|
const configStore = useConfigStore()
|
|
const apiVersion = computed(() => configStore.version)
|
|
const frontendVersion = VERSION
|
|
</script>
|