diff --git a/changes/changelog.d/873.enhancement b/changes/changelog.d/873.enhancement
new file mode 100644
index 000000000..fd8e3c3a1
--- /dev/null
+++ b/changes/changelog.d/873.enhancement
@@ -0,0 +1 @@
+Numbers on the stats page will now be formatted in a human readable way and will update with the locale (#873)
diff --git a/front/src/components/instance/Stats.vue b/front/src/components/instance/Stats.vue
index c245cf995..85ce14fa0 100644
--- a/front/src/components/instance/Stats.vue
+++ b/front/src/components/instance/Stats.vue
@@ -9,19 +9,19 @@
- {{ parseInt(stats.musicDuration) }}
+ {{ stats.musicDuration.toLocaleString($store.state.ui.momentLocale) }}
Hours of music
- {{ stats.artists }}
+ {{ stats.artists.toLocaleString($store.state.ui.momentLocale) }}
Artists
- {{ stats.albums }}
+ {{ stats.albums.toLocaleString($store.state.ui.momentLocale) }}
Albums
- {{ stats.tracks }}
+ {{ stats.tracks.toLocaleString($store.state.ui.momentLocale) }}
Tracks
@@ -85,13 +85,13 @@ export default {
self.stats.users = _.get(d, 'usage.users.total')
self.stats.listenings = _.get(d, 'metadata.usage.listenings.total')
self.stats.trackFavorites = _.get(d, 'metadata.usage.favorites.tracks.total')
- self.stats.musicDuration = _.get(d, 'metadata.library.music.hours')
+ self.stats.musicDuration = Math.round(_.get(d, 'metadata.library.music.hours'))
self.stats.artists = _.get(d, 'metadata.library.artists.total')
self.stats.albums = _.get(d, 'metadata.library.albums.total')
self.stats.tracks = _.get(d, 'metadata.library.tracks.total')
self.isLoading = false
})
- }
+ },
}
}