Ocelot-Social/webapp/pages/terms-and-conditions.vue

50 lines
1.0 KiB
Vue

<template>
<div>
<ds-space>
<ds-heading tag="h2">{{ $t('site.termsAndConditions') }}</ds-heading>
</ds-space>
<ds-container>
<div>
<ol>
<li v-for="section in sections" :key="section">
<strong>{{ $t(`termsAndConditions.${section}.title`) }}:</strong>
<p v-html="$t(`termsAndConditions.${section}.description`)" />
</li>
</ol>
<p>{{ $t('termsAndConditions.have-fun') }}</p>
<br />
<p>
<strong v-html="$t('termsAndConditions.closing')" />
</p>
</div>
</ds-container>
</div>
</template>
<script>
export const VERSION = '0.0.2'
export default {
layout: 'default',
head() {
return {
title: this.$t('site.termsAndConditions'),
}
},
data() {
return {
sections: [
'risk',
'data-privacy',
'work-in-progress',
'code-of-conduct',
'moderation',
'fairness',
'questions',
'human-connection',
],
}
},
}
</script>