File size: 1,125 Bytes
260bf65 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 | <!--
Matomo - free/libre analytics platform
@link https://matomo.org
@license https://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
-->
<template>
<div v-content-intro>
<h2>
<EnrichedHeadline>{{ translate('DBStats_DatabaseUsage') }}</EnrichedHeadline>
</h2>
<p>
{{ translate('DBStats_MainDescription', totalSpaceUsed) }}<br/>
<span v-html="$sanitize(learnMoreText)"></span>
</p>
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import {
ContentIntro,
EnrichedHeadline,
translate,
externalRawLink,
} from 'CoreHome';
export default defineComponent({
props: {
totalSpaceUsed: {
type: [String, Number],
required: true,
},
},
components: {
EnrichedHeadline,
},
directives: {
ContentIntro,
},
computed: {
learnMoreText() {
const link = externalRawLink('https://matomo.org/docs/setup-auto-archiving/');
return translate(
'DBStats_LearnMore',
`<a target="_blank" rel="noreferrer noopener" href="${link}">Matomo Auto Archiving</a>`,
);
},
},
});
</script>
|