matches-view.vue

<template>
  <div class="container">
    <div v-for="row in matches | chunk 2" class="row">
      <div v-for="match in row" class="col s12 m12 l6">
        <game-card-view
          :game="match">
        </game-card-view>
      </div>
    </div>
  </div>
</template>

<script>
import GameCardView from './game-cards/game-card-view.vue';

export default {
  name: 'MatchesView',
  components: {
    'game-card-view': GameCardView
  },
  data () {
    return {
      matches: [{
        gameId: 9,
        homeTeamName: "Norway",
        awayTeamName: "Germany",
        homeTeamBadge: "http://cache.images.core.optasports.com/soccer/teams/150x150/1614.png",
        awayTeamBadge: "http://cache.images.core.optasports.com/soccer/teams/150x150/1037.png",
        matchstart: 1473014700,
        stadium: "Ullevaal Stadion (Oslo)",
        stadiumImageLink: "https://upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Ullev%C3%A5l_Stadium_%288077753565%29.jpg/300px-Ullev%C3%A5l_Stadium_%288077753565%29.jpg",
        score: {
          isGiven: true,
          homeTeam: 0,
          awayTeam: 3,
          fulltime: true,
          overtime: false,
          penalty: false
        },
        televisionProviders: ["RTL", "Sky"]
      }, {
        gameId: 12,
        homeTeamName: "Georgia",
        awayTeamName: "Austria",
        homeTeamBadge: "http://cache.images.core.optasports.com/soccer/teams/150x150/959.png",
        awayTeamBadge: "http://cache.images.core.optasports.com/soccer/teams/150x150/177.png",
        matchstart: 1473091200,
        stadium: "Boris Paichadze Dinamo Arena (Tbilisi)",
        stadiumImageLink: "https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/2015_UEFA_Super_Cup_11.jpg/250px-2015_UEFA_Super_Cup_11.jpg",
        score: {
          isGiven: false,
          homeTeam: null,
          awayTeam: null,
          fulltime: null,
          overtime: null,
          penalty: null
        },
        televisionProviders: ["DAZN"]
      }, {
        gameId: 13,
        homeTeamName: "Belarus",
        awayTeamName: "France",
        homeTeamBadge: "http://cache.images.core.optasports.com/soccer/teams/150x150/213.png",
        awayTeamBadge: "http://cache.images.core.optasports.com/soccer/teams/150x150/944.png",
        matchstart: 1473187500,
        stadium: "Borisov Arena (Barysaw (Borisov))",
        stadiumImageLink: "http://cache.images.core.optasports.com/soccer/venues/600x450/17878.jpg",
        score: {
          isGiven: true,
          homeTeam: 0,
          awayTeam: 0,
          fulltime: true,
          overtime: false,
          penalty: false
        },
        televisionProviders: ["DAZN"]
      },{
        gameId: 14,
        homeTeamName: "Switzerland",
        awayTeamName: "Portugal",
        homeTeamBadge: "http://cache.images.core.optasports.com/soccer/teams/150x150/2201.png",
        awayTeamBadge: "http://cache.images.core.optasports.com/soccer/teams/150x150/1772.png",
        matchstart: 1473187500,
        stadium: "St. Jakob-Park (Basel)",
        stadiumImageLink: "http://cache.images.core.optasports.com/soccer/venues/600x450/542.jpg",
        score: {
          isGiven: true,
          homeTeam: 2,
          awayTeam: 0,
          fulltime: true,
          overtime: false,
          penalty: false
        },
        televisionProviders: ["DAZN"]
      }]
    }
  }
}
</script>

<style>
</style>