From 1b93d4d181f0b621f69ba5cc66de099285b7b21b Mon Sep 17 00:00:00 2001
From: Ivan Demidov <Scrum@list.ru>
Date: Mon, 24 Jun 2019 11:41:02 +0300
Subject: [PATCH] docs: small update

---
 readme.md | 28 ++++++++++++++++++++--------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/readme.md b/readme.md
index 0eaf56c..0f8960f 100644
--- a/readme.md
+++ b/readme.md
@@ -27,12 +27,12 @@ Vue.use(Breabcrumbs);
 ### Browser
 
 ```html
-<!-- Include after Vue -->
-<!-- Local files -->
-<script src="vue-2-breadcrumbs/dist/vue-2-breadcrumbs.js"></script>
-
-<!-- From CDN -->
-<script src="https://unpkg.com/vue-2-breadcrumbs.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-2-breadcrumbs/dist/vue-2-breadcrumbs.min.js"></script>
+<script>
+// As a plugin
+Vue.use(VueBreadcrumbs.VueBreadcrumbsPlugin);
+</script>
 ```
 
 ## Example  
@@ -50,6 +50,7 @@ const Biz = {template: '<div><h2>Biz</h2></div>'};
 const Foo = {template: '<div><h2>Foo</h2></div>'};
 const Bar = {template: '<div><h2>Bar</h2></div>'};
 const Baz = {template: '<div><h2>Baz</h2></div>'};
+const View = {template: '<div><h2>{{ $route.params }}</h2></div>'};
 
 const router = new VueRouter({
   routes: [
@@ -95,7 +96,18 @@ const router = new VueRouter({
           component: Feed,
           meta: {
             breadcrumb: routeParams => `Other Feed ${routeParams.id}`
-          }
+          },
+          redirect: {
+            name: 'view'
+          },
+          children: [{
+            path: 'view',
+            name: 'view',
+            component: View,
+            meta: {
+              breadcrumb: 'View'
+            }
+          }]
         }
       ]
     }
@@ -137,7 +149,7 @@ Vue.use(VueBreadcrumbs, {
     '        <nav v-if="$breadcrumbs.length" aria-label="breadcrumb">\n' +
     '            <ol class="breadcrumb">\n' +
     '                <li v-for="(crumb, key) in $breadcrumbs" v-if="crumb.meta.breadcrumb" :key="key" class="breadcrumb-item active" aria-current="page">\n' +
-    '                    <router-link :to="{ path: crumb.path }">{{ getBreadcrumb(crumb.meta.breadcrumb) }}</router-link>' +
+    '                    <router-link :to="{ path: getPath(crumb) }">{{ getBreadcrumb(crumb.meta.breadcrumb) }}</router-link>' +
     '                </li>\n' +
     '            </ol>\n' +
     '        </nav>'