<template>
<ul class="breadcrumbs" itemscope itemtype="
https://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope itemtype="
https://schema.org/ListItem">
<nuxt-link to="/" itemid="/" itemtype="
https://schema.org/Thing" itemscope itemprop="item">
<span itemprop="name">Главная</span> </nuxt-link><span class="breadcrumbs-arrow">></span>
<meta itemprop="position" content="1" />
</li>
<li itemprop="itemListElement" itemscope itemtype="
https://schema.org/ListItem">
<nuxt-link :to="catalogLink" :itemid="catalogLink" itemtype="
https://schema.org/Thing" itemscope itemprop="item">
<span itemprop="name">{{ catalogName }}</span> </nuxt-link><span class="breadcrumbs-arrow">></span>
<meta itemprop="position" content="2" />
</li>
<li itemprop="itemListElement" itemscope itemtype="
https://schema.org/ListItem">
<span itemprop="name">{{ pageH1 }}</span>
<meta itemprop="position" content="3" />
</li>
</ul>
</template>
<script>
export default {
props: ["catalogLink", "catalogName", "pageH1"]
};
</script>