StatsWidget.vue

<template>
    <div :class="['card', 'info-card', 'stats-card', extraClasses]">
        <div class="card-content">
            <div class="columns is-centered">
                <div class="column" v-for="item in items">
                    <div class="media">
                        <div class="media-left">
                            <figure class="image is-32x32">
                                <span class="icon is-large">
                                    <i :class="`fa ${item.icon} fa-2x`"></i>
                                </span>
                            </figure>
                        </div>
                        <div class="media-content is-uppercase">
                            <p class="title is-6">{{lang(item.label, {}, item.count)}}</p>
                            <p class="subtitle is-6">{{item.count}} {{lang(item.label_count, {}, item.count)}}</p>
                        </div>
                    </div>
                </div>
            </div>
            <!--<div class="columns is-centered">
                <div class="column">
                    <div class="media">
                        <div class="media-left">
                            <figure class="image is-48x48">
                                <span class="icon is-large">
                                    <i class="fa fa-book fa-2x"></i>
                                </span>
                            </figure>
                        </div>
                        <div class="media-content is-uppercase media-content-red">
                            <p class="subtitle is-6">Nombre de disciplines</p>
                            <p class="title is-5">50</p>
                        </div>
                    </div>
                </div>
                <div class="column">
                    <div class="media">
                        <div class="media-left">
                            <figure class="image is-48x48">
                                <span class="icon is-large">
                                    <i class="fa fa-eye fa-2x"></i>
                                </span>
                            </figure>
                        </div>
                        <div class="media-content media-content-orange is-uppercase">
                            <p class="subtitle is-6">Visiteurs mensuels</p>
                            <p class="title is-5">400 550</p>
                        </div>
                    </div>
                </div>
            </div>-->
        </div>
    </div>
</template>

<script>
    module.exports = require('./StatsWidget');
</script>