diff --git a/src/library/TrackList.vue b/src/library/TrackList.vue index ad7e18e..ba1baed 100644 --- a/src/library/TrackList.vue +++ b/src/library/TrackList.vue @@ -64,7 +64,7 @@ - {{ item.duration | duration }} + {{ $formatDuration(item.duration) }} diff --git a/src/player/Player.vue b/src/player/Player.vue index 655576a..12e3f4d 100644 --- a/src/player/Player.vue +++ b/src/player/Player.vue @@ -38,7 +38,7 @@
- {{ currentTime | duration }} / {{ duration | duration }} + {{ $formatDuration(currentTime) }} / {{ $formatDuration(duration) }}
diff --git a/src/playlist/RandomSongs.vue b/src/playlist/RandomSongs.vue index 637e3f6..f3e1e83 100644 --- a/src/playlist/RandomSongs.vue +++ b/src/playlist/RandomSongs.vue @@ -11,7 +11,7 @@ {{ item.artist }} {{ item.album }} - {{ item.duration | duration }} + {{ $formatDuration(item.duration) }} diff --git a/src/shared/components/index.ts b/src/shared/components/index.ts index 5504270..b817ac7 100644 --- a/src/shared/components/index.ts +++ b/src/shared/components/index.ts @@ -21,3 +21,12 @@ Object.keys(components).forEach((_key) => { const key = _key as keyof typeof components Vue.component(key, components[key]) }) + +Vue.prototype.$formatDuration = (value: number) => { + if (!isFinite(value)) { + return '∞' + } + const minutes = Math.floor(value / 60) + const seconds = Math.floor(value % 60) + return (minutes < 10 ? '0' : '') + minutes + ':' + (seconds < 10 ? '0' : '') + seconds +} diff --git a/src/shared/filters.ts b/src/shared/filters.ts deleted file mode 100644 index f5468b0..0000000 --- a/src/shared/filters.ts +++ /dev/null @@ -1,14 +0,0 @@ -import Vue from 'vue' - -Vue.filter('duration', (value: number) => { - if (!isFinite(value)) { - return '∞' - } - const minutes = Math.floor(value / 60) - const seconds = Math.floor(value % 60) - return (minutes < 10 ? '0' : '') + minutes + ':' + (seconds < 10 ? '0' : '') + seconds -}) - -Vue.filter('dateTime', (value: string) => { - return value -})