@poetadigital/breadcrumbs v0.0.3

Poeta Digital Breadcrumbs

Simple Breadcrumbs

Usage

Global

In main.js of Vue projects

import PBreadcrumbs from '@poetadigital/breadcrumbs'
import App from './App.vue'

Vue.use(breadcrumbs)

new Vue({
  render: h => h(App),
}).$mount('#app')

Route

In route.js of Vue projects add meta => breadcrumb property

const routes = [
  { 
    path: '/', 
    meta: {
      breadcrumb: [
        {name : 'Student List', link: 'student'},
        {name : 'Student Assessment', link: 'list-assessment'},
        {name : 'Assessment Result'}
      ]
    },
  }
]

Import Component

<template>
    <div>
        <PBreadcrumbs/>
    </div>
</template>

<script>
import PBreadcrumbs from '@poetadigital/breadcrumbs';

export default {
    name: 'App',
    components: { PBreadcrumbs }
}
</script>

License

MIT © Poeta Digital