А как принято создавать хлебные крошки в nuxt? Передавать из компоненты? Хотел универсально сделать, чтоб все подтягивал самостоятельно из $route

Глобальный миксин, а в нём:

created() {
 if (this.$options.head) {
   this.breadcrumbs.push(this.$options.head().title)
 },
 inject: ['breacrumbs']
}

В лейауте добавить

data() {
 return {
   breadcrumbs: {
      items: [],
      push: (item) => this.breadcrumbs.push(item)
   }
 }
},
provide() {
 return {
   breadcrumbs: this.breadcrumbs
 }
}

Там где нужно вывести добавить:

inject: ['breadcrumbs']

{{ breadcrumbs.items }}

А как принято создавать хлебные крошки в nuxt? Передавать из компоненты? Хотел универсально сделать, чтоб все подтягивал самостоятельно из $route

А как принято создавать хлебные крошки в nuxt? Передавать из компоненты? Хотел универсально сделать, чтоб все подтягивал самостоятельно из $route

Имхо лучшее решение - на бэке

😳 Это как?

Даже не знаю что ответить на такой вопрос

То есть ирония просто 😂?

page.vue - допустим это дочерний

<template>
   <div>
     {{ test }}
   <div>
</template>
<script lang="ts">
 import {Component, Vue} from "nuxt-property-decorator"

 @Component({
   name: 'page',
   async fetch({ store }) {
     store.commit('SET_TEST', 'Hello world');
   }
 })
 export default class Page extends Vue {
   created() {
     this.$store.commit('SET_TEST', 'Hello world');
   }
 }
</script>

Где? Реально лучший крошки - крошки сделанные на бэке

Где? Реально лучший крошки - крошки сделанные на бэке

featch кстати в класс можешь вынести из декоратора

Проблема в том что роутинг начинаешь шерить в бекендом