koel/resources/assets/js/components/main-wrapper/extra/lyrics.vue
An Phan cf27ed713d First integration with Last.fm
Koel can now integrate and use the rich information from Last.fm. Now
whenever a song is played, its album and artist information will be
queried from Last.fm and cached for later use. What's better, if an
album has no cover, Koel will try to update its cover if one is found on
Last.fm.

In order to use this feature, users only need to provide valid Last.fm
API credentials (namely LASTFM_API_KEY and LASTFM_API_SECRET) in .env. A
npm and gulp rebuild is also required - just like with every update.
2015-12-20 00:36:44 +08:00

39 lines
855 B
Vue

<template>
<article id="lyrics">
<div class="content">
<div v-if="lyrics">{{{ lyrics }}}</div>
<p class="none" v-else>No lyrics found. Are you not listening to Bach?</p>
</div>
</article>
</template>
<script>
import songStore from '../../../stores/song';
export default {
replace: false,
data() {
return {
lyrics: '',
};
},
methods: {
resetState() {
this.lyrics = '';
},
},
events: {
'song:info-loaded': function (song) {
this.lyrics = song.lyrics;
},
},
};
</script>
<style lang="sass">
@import "resources/assets/sass/partials/_vars.scss";
@import "resources/assets/sass/partials/_mixins.scss";
</style>