arthur/artsite
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/artsite.git synced 2026-01-30 07:28:38 +01:00
Code Issues 1 Packages Projects Releases Wiki Activity

Working on site

Browse Source
This commit is contained in:
Arthur Danjou
2024-06-24 00:56:49 +02:00
parent fc632524f1
commit 015a305b4e
8 changed files with 250 additions and 694 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
app/components/content/Stats.vue
View File

@@ -5,18 +5,20 @@ const { data: stats } = await useFetch<Stats>('/api/stats')
</script>
<template>
<p v-if="stats">
I collect some data for {{ useTimeAgo(new Date(stats.coding.data.range.start)).value }}, started the
<strong>{{ useDateFormat(new Date(stats.coding.data.range.start), 'Do MMMM YYYY').value }}</strong>.
I've coded for a total of <strong>{{
usePrecision(stats.coding.data.grand_total.total_seconds_including_other_language / 3600, 0)
}}</strong> hours.
My best editors are
{{ stats.editors.data.slice(0, 2).map(editor => `${editor.name} (${editor.percent}%)`).join(' and ') }}.
<template v-if="stats.os.data[0]">
My best OS is {{ stats.os.data[0].name }} ({{ stats.os.data[0].percent }}%).
</template>
My top languages are
{{ stats.languages.data.slice(0, 2).map(language => `${language.name} (${language.percent}%)`).join(' and ') }}.
</p>
<ClientOnly>
<p v-if="stats">
I collect some data for {{ useTimeAgo(new Date(stats.coding.data.range.start)).value }}, started the
<strong>{{ useDateFormat(new Date(stats.coding.data.range.start), 'Do MMMM YYYY').value }}</strong>.
I've coded for a total of <strong>{{
usePrecision(stats.coding.data.grand_total.total_seconds_including_other_language / 3600, 0)
}}</strong> hours.
My best editors are
{{ stats.editors.data.slice(0, 2).map(editor => `${editor.name} (${editor.percent}%)`).join(' and ') }}.
<template v-if="stats.os.data[0]">
My best OS is {{ stats.os.data[0].name }} ({{ stats.os.data[0].percent }}%).
</template>
My top languages are
{{ stats.languages.data.slice(0, 2).map(language => `${language.name} (${language.percent}%)`).join(' and ') }}.
</p>
</ClientOnly>
</template>