From b694fae6e513c26f405bd95aba657e39d4204506 Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Thu, 18 Oct 2018 17:48:26 +0200
Subject: [PATCH] Custom legend block for group - Possibility to use
 scoped-slot to customise fully how legend is build - Expose `group` and
 `groupLegend` in slot prop

---
 src/formGenerator.vue | 10 ++++++++++
 src/formGroup.vue     | 14 ++++++++++++--
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/formGenerator.vue b/src/formGenerator.vue
index 51c746c9..8ff83dab 100644
--- a/src/formGenerator.vue
+++ b/src/formGenerator.vue
@@ -9,6 +9,16 @@
 			:options="options"
 			:errors="errors"
 			:event-bus="eventBus">
+			<template
+				slot="group-legend"
+				slot-scope="{ group, groupLegend }">
+				<slot
+					name="group-legend"
+					:group="group"
+					:group-legend="groupLegend">
+					<legend v-if="groupLegend"><span v-html="groupLegend"></span></legend>
+				</slot>
+			</template>
 			<template
 				slot="group-help"
 				slot-scope="{ group }">
diff --git a/src/formGroup.vue b/src/formGroup.vue
index a48b0a04..8dc6b9fb 100644
--- a/src/formGroup.vue
+++ b/src/formGroup.vue
@@ -3,8 +3,10 @@
 		:is="tag"
 		:class="[groupRowClasses, validationClass]"
 		ref="group">
-
-		<legend v-if="groupLegend">{{ groupLegend }}</legend>
+		<slot
+			name="group-legend"
+			:group="group"
+			:group-legend="groupLegend"></slot>
 		<slot
 			name="group-help"
 			:group="group"></slot>
@@ -19,6 +21,14 @@
 						:errors="errors"
 						:event-bus="eventBus"
 						:key="index">
+						<template
+							slot="group-legend"
+							slot-scope="slotProps">
+							<slot
+								name="group-legend"
+								:group="slotProps.group"
+								:group-legend="slotProps.groupLegend"></slot>
+						</template>
 						<template
 							slot="group-help"
 							slot-scope="slotProps">