<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 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 %}
{% if submenu is defined %}
<template v-slot:submenu>
{% for item in submenu %}
<li class="submenu-item"><a href="{{ item.path }}">{{ item.name }}</a></li>
{% endfor %}
</template>
{% endif %}
</usc-page-header>