diff --git a/pages/user/_id.vue b/pages/user/_id.vue
index 2985b911d..b3c4f5fcf 100644
--- a/pages/user/_id.vue
+++ b/pages/user/_id.vue
@@ -29,6 +29,24 @@
+
+
+
+
Downloads
+
+ {{ sumDownloads() }}
+
+
+
+
+
+
+
Followers
+
+ {{ sumFollowers() }}
+
+
+
-
+
-
Downloads
-
- {{ sumDownloads() }}
-
+
User ID
+
{{ user.id }}
@@ -95,6 +111,8 @@ import MFooter from '~/components/layout/MFooter'
import ReportIcon from '~/assets/images/utils/report.svg?inline'
import CalendarIcon from '~/assets/images/utils/calendar.svg?inline'
import DownloadIcon from '~/assets/images/utils/download.svg?inline'
+import HeartIcon from '~/assets/images/utils/heart.svg?inline'
+import UserIcon from '~/assets/images/utils/user.svg?inline'
import Advertisement from '~/components/ads/Advertisement'
export default {
@@ -106,6 +124,8 @@ export default {
DownloadIcon,
MFooter,
ReportIcon,
+ HeartIcon,
+ UserIcon,
},
async asyncData(data) {
try {
@@ -141,6 +161,15 @@ export default {
sum += mod.downloads
}
+ return this.formatNumber(sum)
+ },
+ sumFollowers() {
+ let sum = 0
+
+ for (const mod of this.mods) {
+ sum += mod.followers
+ }
+
return this.formatNumber(sum)
},
},
@@ -173,7 +202,7 @@ export default {
name: 'description',
content:
this.user.bio +
- ' - View minecraft mods on Modrinth today! Modrinth is a new and modern Minecraft modding platform that is compatible with CurseForge too!',
+ ' - View Minecraft mods on Modrinth today! Modrinth is a new and modern Minecraft modding platform.',
},
{
hid: 'og:url',
@@ -230,6 +259,8 @@ export default {
display: flex;
flex-wrap: wrap;
.stat {
+ width: 8.5rem;
+ margin: 0.5rem;
@extend %stat;
svg {