From ccb0b834bbc17d3357d92635ae626970e0b67593 Mon Sep 17 00:00:00 2001
From: Mark von Zeschau <mark.vonzeschau@scoop-software.de>
Date: Mon, 29 Jan 2018 11:55:12 +0100
Subject: [PATCH] Make breadcrumbs dynamic, i.e. now they may be functions.

In doing so it's possible to e.g. update the breadcrumbs when changing the language.
---
 src/vue-2-breadcrumbs.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/vue-2-breadcrumbs.js b/src/vue-2-breadcrumbs.js
index 0b5253e..4955393 100644
--- a/src/vue-2-breadcrumbs.js
+++ b/src/vue-2-breadcrumbs.js
@@ -9,10 +9,15 @@ export default {
 		});
 
 		Vue.component('breadcrumbs', {
+			methods: {
+				getBreadcrumb: function getBreadcrumb(bc) {
+					return typeof bc === 'function' ? bc() : bc
+				},
+			},
 			template: `
 				<ol class="breadcrumb" v-if="$breadcrumbs.length">
 					<li class="breadcrumb-item" v-if="crumb.meta.breadcrumb" v-for="(crumb, i) in $breadcrumbs">
-						<router-link active-class="active" :to="{ path: crumb.path }" :tag="i != $breadcrumbs.length - 1 ? 'a' : 'span'">{{ crumb.meta.breadcrumb }}</router-link>
+						<router-link active-class="active" :to="{ path: crumb.path }" :tag="i != $breadcrumbs.length - 1 ? 'a' : 'span'">{{ getBreadcrumb(crumb.meta.breadcrumb) }}</router-link>
 					</li>
 				</ol>
 				`