<div class="pagination center">
    <li class="waves-effect" :class="value <= 1 ? 'disabled' : ''">
        <a href="#!" @click="$emit('input', value <= 1 ? value : value - 1)">
            <i class="material-icons">chevron_left</i>
        </a>
    </li>
    <li 
        v-for="i in count" 
        :key="i" 
        class="wave-effect"
        :class="value == i ? 'blue active' : ''"
    >
        <a href="#!" @click="$emit('input', i)">{{i}}</a>
    </li>
    <li class="waves-effect" :class="value == count ? 'disabled' : ''">
        <a href="#!" @click="$emit('input', value >= count ? value : value + 1)">
            <i class="material-icons">chevron_right</i>
        </a>
    </li>
</div>