51 lines
1.0 KiB
Vue
51 lines
1.0 KiB
Vue
<template>
|
|
<div class="content">
|
|
<FilterBar :fetch-releases="fetchReleases" />
|
|
|
|
<div class="content-inner">
|
|
<ul class="scenes nolist">
|
|
<li
|
|
v-for="release in releases"
|
|
:key="release.id"
|
|
class="scene"
|
|
>
|
|
<ReleaseTile :release="release" />
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import FilterBar from '../header/filter-bar.vue';
|
|
import ReleaseTile from '../tile/release.vue';
|
|
|
|
async function fetchReleases() {
|
|
this.releases = await this.$store.dispatch('fetchReleases');
|
|
}
|
|
|
|
async function mounted() {
|
|
this.pageTitle = '';
|
|
|
|
await this.fetchReleases();
|
|
}
|
|
|
|
export default {
|
|
components: {
|
|
FilterBar,
|
|
ReleaseTile,
|
|
},
|
|
data() {
|
|
return {
|
|
releases: [],
|
|
networks: [],
|
|
pageTitle: null,
|
|
};
|
|
},
|
|
mounted,
|
|
methods: {
|
|
fetchReleases,
|
|
},
|
|
};
|
|
</script>
|