<div class="heading"> <a v-class="active: factionFilter == 'northern_realm'" v-on="click: changeDeck('northern_realm')">Northern Realm</a> <a v-class="active: factionFilter == 'scoiatael'" v-on="click: changeDeck('scoiatael')">Scoia'tael</a> <a v-class="active: factionFilter == 'monster'" v-on="click: changeDeck('monster')">Monster</a> </div> <div class="all-cards-wrap"> <div class="all-cards"> <div class="clear-space"></div> <div class="card-wrap" v-repeat="card: cards | filterBy factionFilter in faction"> <div class="bla ani"></div> <div class="card-img card" v-style="background-image: 'url(http://80.240.132.120/gwent/assets/cards/' + card.img + '.png)'"></div> <div class="shadow"></div> <div class="overlay-card"></div> </div> <div class="clear-space"></div> </div> </div> <style> .shadow-all-cards { height: 60px; float: left; width: 100%; } .container-content { padding: 0; } .test { float: left; overflow: hidden; } .remove { opacity: 0; } .load-deck { } </style>