mirror of
https://github.com/koel/koel
synced 2024-12-21 01:53:11 +00:00
34 lines
770 B
TypeScript
34 lines
770 B
TypeScript
import { reactive } from 'vue'
|
|
import { httpService } from '@/services'
|
|
import { remove } from 'lodash'
|
|
import { songStore } from '@/stores'
|
|
|
|
const EXCERPT_COUNT = 7
|
|
|
|
export const recentlyPlayedStore = {
|
|
excerptState: reactive({
|
|
songs: [] as Song[]
|
|
}),
|
|
|
|
state: reactive({
|
|
songs: [] as Song[]
|
|
}),
|
|
|
|
async fetch () {
|
|
this.state.songs = songStore.syncWithVault(await httpService.get<Song[]>('recently-played'))
|
|
},
|
|
|
|
async add (song: Song) {
|
|
if (!this.state.songs.length) {
|
|
await this.fetch()
|
|
}
|
|
|
|
[this.state, this.excerptState].forEach(state => {
|
|
// make sure there's no duplicate
|
|
remove(state.songs, s => s.id === song.id)
|
|
state.songs.unshift(song)
|
|
})
|
|
|
|
this.excerptState.songs.splice(EXCERPT_COUNT)
|
|
}
|
|
}
|