Как мне установить vue-2-breadcrumbs?

Question

[Дмитрий Баскаков]

UPD: я просто забыл запустить npm
Оставим комментарии про мои умственные способности. Однако, мне нужно как-то установить плагин vue-2-breadcrumbs(https://www.npmjs.com/package/vue-2-breadcrumbs). Как мне это сделать?

Точнее, что мне нужно добавить в код, чтобы на странице шаблона всё заработало?

мой код

import Vue from 'vue'
import VueRouter from 'vue-router';
import VueBreadcrumbs from 'vue-2-breadcrumbs';

import home from "./pages/home.vue";
import projects from "./pages/projects.vue";
import services from "./pages/services.vue";
import contacts from "./pages/contacts.vue";

import siteHeader from './components/header/headerLayout.vue'
import siteFooter from './components/siteFooter.vue'

Vue.use(VueBreadcrumbs);
Vue.use(VueRouter);

const routes = [
    {
        path: '/',
        name: 'Главная',
        component: home
    },
    {
        path: '/projects',
        name: 'Проекты',
        component: projects
    },
    {
        path: '/services',
        name: 'Услуги',
        component: services
    },
    {
        path: '/contacts',
        name: 'Контакты',
        component: contacts
    },
]

const router = new VueRouter({
    mode: 'history',
    routes // сокращённая запись для `routes: routes`
})

const app = new Vue({
    el: '#app',
    router: router,
    data: {},
    components: {
        siteHeader,
        siteFooter,
    }
});

а вот шаблон

<div id="app" v-cloak>
            <site-header></site-header>
            <Breadcrumbs/>
            <main class="container__main">
                <router-view></router-view>
            </main>
            <site-footer></site-footer>
        </div>

всё это Laravel + vue если важно

Answer 1

[Erl]

{
      path: '/',
      name: 'Home',
      component: { template: '<h2>Home</h2>' },
      meta: {
        breadcrumb: 'Home'
      }
    },

у вас не проставлены мета

Comments

[Дмитрий Баскаков]

Добавил. Ничего не поменялось.

ошибка:

Unknown custom element: <breadcrumbs> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

[Михаил]

Дмитрий Баскаков, Vue.use до импорта компонента мб

[Дмитрий Баскаков]

Михаил, я забыл запустить npm оказывается