Template Tab

{% if tab.href %}
    <a href="{{ tab.href }}">
{% endif %}

        <div class="tab-item {{ tabClass }}"
             :class="tab === {{ tab.id }} ? 'current-tab' : ''"
             @click="tab = {{ tab.id }}"
        >
            {% if tab.icon is defined and tab.icon %}
                <span class="tab-icon">
                    {% render "@icons-" ~ tab.icon.name  %}
                </span>
            {% endif %}

            {% if tab.label is defined and tab.label %}
                <span>{{ tab.label }}</span>
            {% endif %}

            {% if tab.counter is defined and tab.counter %}
                <span class="tab-counter">
                    {{ tab.counter }}
                </span>
            {% endif %}
        </div>

{% if tab.href %}
    </a>
{% endif %}