https://www.obren359.com/client_code/js/components/covers-component.js?v=1531067321959

1Vue.component('covers', {
2    props: [
3        'issues',
4        'imageWidth',
5        'groupPerYear',
6        'heightWidthRatio',
7        'showArticles',
8        'mobile',
9        'textOnly',
10        'showLatest'
11    ],
12    methods: {
13        addYearSeparator: function (issue, index) {
14            return this.groupPerYear && (index === 0 || this.issues[index - 1].year !== issue.year);
15        }
16    },
17    template: ""
18        + "<div style='width: 100%; text-align: center'>"
19        + "    <span v-for='(issue, index) in issues' v-if='issue.source.selected'>"
20        + "        <h1 v-if='addYearSeparator(issue, index)'>{{ issue.year }}</h1>"
21        + "        <cover :issue='issue' :image-width='imageWidth' :mobile='mobile'"
22        + "                 :height-width-ratio='heightWidthRatio'"
23        + "                 :show-articles='showArticles' :text-only='textOnly'></cover>"
24        + "    </span>"
25        + "</div>"
26});