Add a props to change the main tag

src/formGenerator.vue

@@ -1,6 +1,6 @@
 <template lang="pug">
 div
-	fieldset.vue-form-generator(v-if='schema != null')
+	fieldset.vue-form-generator(v-if='schema != null', :is='tag')
 		template(v-for='field in fields')
 			.form-group(v-if='fieldVisible(field)', :class='getFieldRowClasses(field)')
 				label
@@ -70,6 +70,14 @@ div
 			isNewModel: {
 				type: Boolean,
 				default: false
+			},
+
+			tag: {
+				type: String,
+				default: "fieldset",
+				validator: function (value) {
+					return value.length > 0;
+				}
 			}
 		},
 

test/unit/specs/VueFormGenerator.spec.js

@@ -46,6 +46,31 @@ describe("VueFormGenerator.vue", () => {
 			expect(el.getElementsByTagName("fieldset")).to.be.length(1);
 		});
 
+	});	
+
+	describe("with empty schema and custom tag", () => {
+		let schema = {};
+
+		beforeEach( () => {
+			let elm = document.createElement("div");
+			vm = new Vue({
+				// eslint-disable-next-line quotes
+				template: `<vue-form-generator :schema="schema" ref="form" tag="div"></vue-form-generator>`,
+				data: {
+					schema
+				}
+			}).$mount(elm);
+
+			el = vm.$el;
+
+			return [el, vm];
+		});
+
+		it("should be create fieldset", () => {
+			expect(vm.$el).to.be.exist;
+			expect(el.getElementsByTagName("div")).to.be.length(1);
+		});
+
 	});
 
 	describe("check form-group classes", () => {