public/javascripts/components/variantSummary.js

   1 Vue.component('my-variant-summary', {
   2     props: ['vobj'],
   3     template: `
   4         <div class="variant col-sm-12" :id="vobj.name">
   5             <a :href="url">
   6                 <h4 class="boxtitle text-center">
   7                     {{ vobj.name }}
   8                     <span class="count-players">
   9                         / {{ vobj.count }}
  10                     </span>
  11                 </h4>
  12                 <p class="description text-center">
  13                     {{ vobj.desc }}
  14                 </p>
  15             </a>
  16         </div>
  17     `,
  18     computed: {
  19         url: function() {
  20             return "/" + this.vobj.name;
  21         },
  22     },
  23 })