76 lines
2.2 KiB
Vue
76 lines
2.2 KiB
Vue
<script setup lang="ts">
|
|
import { humanSize } from '~/utils/filters'
|
|
import { useI18n } from 'vue-i18n'
|
|
import { computed } from 'vue'
|
|
import { useStore } from '~/store'
|
|
|
|
const { t } = useI18n()
|
|
|
|
const labels = computed(() => ({
|
|
title: t('views.content.Home.title')
|
|
}))
|
|
|
|
const store = useStore()
|
|
const quota = computed(() => store.state.instance.settings.users.upload_quota.value)
|
|
const defaultQuota = computed(() => humanSize(quota.value * 1e6))
|
|
</script>
|
|
|
|
<template>
|
|
<section
|
|
v-title="labels.title"
|
|
class="ui vertical aligned stripe segment"
|
|
>
|
|
<div class="ui text container">
|
|
<h1>{{ labels.title }}</h1>
|
|
<p>
|
|
<strong>{{ $t('views.content.Home.help.uploadQuota', { quota: defaultQuota }) }}</strong>
|
|
</p>
|
|
<div class="ui segment">
|
|
<h2>
|
|
<i class="feed icon" />
|
|
{{ $t('views.content.Home.header.channel') }}
|
|
</h2>
|
|
<p>
|
|
{{ $t('views.content.Home.description.channel.1') }} {{ $t('views.content.Home.description.channel.2') }}
|
|
</p>
|
|
<router-link
|
|
:to="{name: 'profile.overview', params: {username: store.state.auth.username}, hash: '#channels'}"
|
|
class="ui primary button"
|
|
>
|
|
{{ $t('views.content.Home.button.start') }}
|
|
</router-link>
|
|
</div>
|
|
<div class="ui segment">
|
|
<h2>
|
|
<i class="cloud icon" />
|
|
{{ $t('views.content.Home.header.upload') }}
|
|
</h2>
|
|
<p>
|
|
{{ $t('views.content.Home.description.upload') }}
|
|
</p>
|
|
<router-link
|
|
:to="{name: 'content.libraries.index'}"
|
|
class="ui primary button"
|
|
>
|
|
{{ $t('views.content.Home.button.start') }}
|
|
</router-link>
|
|
</div>
|
|
<div class="ui segment">
|
|
<h2>
|
|
<i class="download icon" />
|
|
{{ $t('views.content.Home.header.follow') }}
|
|
</h2>
|
|
<p>
|
|
{{ $t('views.content.Home.description.follow') }}
|
|
</p>
|
|
<router-link
|
|
:to="{name: 'content.remote.index'}"
|
|
class="ui primary button"
|
|
>
|
|
{{ $t('views.content.Home.button.start') }}
|
|
</router-link>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|