From c7d3e833a4f27869d12e7f66acb503eb48cbd14b Mon Sep 17 00:00:00 2001
From: Zaytsev Kirill <zaytsev.cmath10@gmail.com>
Date: Wed, 29 Sep 2021 11:15:32 +0300
Subject: [PATCH] feat: Possibility to change html tag used by FormularioField

---
 src/FormularioField.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/FormularioField.vue b/src/FormularioField.vue
index 6351007..28f93c7 100644
--- a/src/FormularioField.vue
+++ b/src/FormularioField.vue
@@ -1,7 +1,10 @@
 <template>
-    <div v-bind="$attrs">
+    <component
+        :is="tag"
+        v-bind="$attrs"
+    >
         <slot :context="context" />
-    </div>
+    </component>
 </template>
 
 <script lang="ts">
@@ -68,6 +71,8 @@ export default class FormularioField extends Vue {
     @Prop({ default: () => <U, T>(value: U|Empty): U|T|Empty => value }) modelGetConverter!: ModelGetConverter
     @Prop({ default: () => <T, U>(value: U|T): U|T => value }) modelSetConverter!: ModelSetConverter
 
+    @Prop({ default: 'div' }) tag!: string
+
     public proxy: unknown = this.hasModel ? this.value : ''
 
     private localErrors: string[] = []