@netvlies/vue-breadcrumbs

Creates breadcrumbs list based on active Vue Route

Usage

1. Make sure Vue Router is installed on 4.x.x
2. Install this bundle
3. Add plugin to vue application:

``
import { createApp } from 'vue';
import { breadcrumbBundle } from '@netvlies/vue-breadcrumbs';

...

import App from './App.vue';

createApp(App).use(breadcrumbBundle);
`

4. Add breadcrumb text (and optional path) to your vue routes:

`
const routes = [
{
path: '/about/:test',
name: 'about',
meta: {
breadcrumb: {
parents: [
{
path: '/about/:test/test',
label: 'test'
}
],
label: 'adf'
}
},
}
]
``

When no path is provided, breadcrumbs falls back on parent of current breadcrumb.