<usc-page-header 
    :has-title="{{ title is defined ? 'true' : 'false' }}" 
> 
    {% if breadcrumb is defined %} 
        <template v-slot:breadcrumb> 
            <ol class="at-breadcrumb"> 
                {% for item in breadcrumb %} 
                    <li class="breadcrumb-item"><a href="{{ item.path }}">{{ item.title }}</a></li> 
                {% endfor %} 
            </ol> 
        </template> 
    {% endif %} 
 
    {% if pretitle is defined %} 
        <template v-slot:pretitle> 
            <p class="at-title is-pretitle">{{ pretitle }}</p> 
        </template> 
    {% endif %} 
 
    {% if title is defined %} 
        <h1 class="at-title">{{ title }}</h1> 
    {% endif %} 
 
    {% if tags is defined %} 
        <template v-slot:tags> 
            <ul class="ml-tags-list"> 
                {% for item in tags %} 
                    <li> 
                        <span class="at-tag is-primary">{{ item }}</span> 
                    </li> 
                {% endfor %} 
            </ul> 
        </template> 
    {% endif %} 
</usc-page-header>