mirror of
https://iceshrimp.dev/Crimekillz/jointrashposs.git
synced 2024-11-25 10:19:07 +01:00
41 lines
1.5 KiB
Vue
41 lines
1.5 KiB
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<GHero>
|
||
|
|
<template #title>{{ $t('_servers._statistics.title') }}</template>
|
||
|
|
<template #description>
|
||
|
|
{{ $t('_servers._statistics.description') }}
|
||
|
|
</template>
|
||
|
|
<template #icon>
|
||
|
|
<div class="hidden lg:block relative px-6 py-8">
|
||
|
|
<GDots class="absolute top-0 left-0 w-32 h-32 text-accent-600" />
|
||
|
|
<GDots class="absolute bottom-0 right-0 w-32 h-32 text-accent-600" />
|
||
|
|
<div class="relative lg:w-64">
|
||
|
|
<img class="drop-shadow-xl" src="/img/emojis/chart_increasing_3d.png" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
</GHero>
|
||
|
|
<div class="pb-12 lg:mt-12 pt-6 bg-white dark:bg-slate-950 min-h-screen">
|
||
|
|
<ClientOnly>
|
||
|
|
<ServersStatsViewer />
|
||
|
|
<template #fallback>
|
||
|
|
<div class="container mx-auto max-w-screen-xl p-6">
|
||
|
|
<MkLoading class="mx-auto text-accent-600"></MkLoading>
|
||
|
|
<p class="text-center">{{ $t('loading') }}</p>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
</ClientOnly>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts">
|
||
|
|
const route = useRoute();
|
||
|
|
const { t } = useI18n();
|
||
|
|
|
||
|
|
route.meta.title = t('_servers._statistics.title');
|
||
|
|
route.meta.description = t('_servers._statistics.description');
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
</style>
|