@litt1e-p/breadcrumb

breadcrumb directive for vue

Usage no npm install needed!

<script type="module">
  import litt1ePBreadcrumb from 'https://cdn.skypack.dev/@litt1e-p/breadcrumb';
</script>

README

Breadcrumb

breadcrumb directive component for vue 2.x

Installation

npm i @litt1e-p/breadcrumb --save

Usage

just add a directive v-breadcrumb in the html element after adding router meta with title value or router's name by default

Example:

  • use with only one vue directive
<div v-breadcrumb></div>
  • use with html element attributes
<div v-breadcrumb="{separator: '>', paths: [{name: 'App', to: '/'}, {name: 'Module'}, {name: 'Index'},]}"></div>

Screenshot

License

MIT