Breadcrumbs на nuxt.js?

Question

[Дмитрий]

Может кто-то знает про готовый компонент или есть какое-то руководство про то, как сделать "хлебные крошки" на nuxt?

Answer 1

[grinat]

<template lang="pug">
  div.breadcrumbs
    router-link(
      v-for="link, i in breadcrumbsLinks"
      :key="i"
      :to="link"
    ).breadcrumps__level {{link.meta.title}}
</template>

<script>
  export default {
    name: 'breadcrumbs',
    computed: {
      breadcrumbsLinks () {
        let tmp = []
        if (this.$route.matched) {
          this.$route.matched.forEach(link => {
            tmp.push(Object.assign({meta: {title: 'Title not found in meta'}}, link))
          })
        }
        if (tmp.length === 0) {
          tmp.push({path: '/', meta: {title: 'Home'}})
        }
        return tmp
      }
    }
  }
</script>

Comments

[dicem]

Смотрю и никак нарадоваться не могу, ни одной точки с запятой, так держать

[Pan Propan]

dicem, это сарказм?

[dicem]

Pan Propan, я скорей всего был пьян, написав такую фигню, но в целом не сарказм, я сторонник Standard JS.