31 lines
653 B
Vue
31 lines
653 B
Vue
<template>
|
|
<Tiles>
|
|
<Tile v-for="item in items" :key="item.id"
|
|
:image="item.image"
|
|
:to="{name: 'genre', params: { id: item.id } }"
|
|
:title="item.name">
|
|
<template v-slot:text>
|
|
<strong>{{ item.albumCount }}</strong> albums ·
|
|
<strong>{{ item.songCount }}</strong> songs
|
|
</template>
|
|
</Tile>
|
|
</Tiles>
|
|
</template>
|
|
<script lang="ts">
|
|
import Vue from 'vue'
|
|
|
|
export default Vue.extend({
|
|
components: {},
|
|
data() {
|
|
return {
|
|
items: [],
|
|
}
|
|
},
|
|
created() {
|
|
this.$api.getGenres().then((items) => {
|
|
this.items = items
|
|
})
|
|
},
|
|
})
|
|
</script>
|