Merge pull request #113 from cristijora/improve-bundle-size

#112 Get rid of Vue dependency in the code.

Author: icebob

dist/vue-form-generator.js

@@ -8,7 +8,7 @@
 <script>
 	/* global $ */
 	import abstractField from "./abstractField";
-	import moment from "moment";
+	import moment from "moment/min/moment.min";
 	import { defaults } from "lodash";
 
 	let inputFormat = "YYYY-MM-DD HH:mm:ss";

src/fields/fieldDateTimePicker.vue

@@ -37,7 +37,7 @@
 
 <script>
 	import abstractField from "./abstractField";
-	import moment from "moment";
+	import moment from "moment/min/moment.min";
 
 	export default {
 		mixins: [ abstractField ],

src/fields/fieldInput.vue

@@ -4,7 +4,7 @@
 
 <script>
 	import abstractField from "./abstractField";
-	import moment from "moment";
+	import moment from "moment/min/moment.min";
 	import { defaults } from "lodash";
 
 	let inputFormat = "YYYY-MM-DD";

src/fields/fieldPikaday.vue

@@ -40,7 +40,6 @@
 	)
 </template>
 <script>
-	import Vue from "vue";
 	import abstractField from "./abstractField";
 
 	export default {
@@ -96,11 +95,9 @@
 			}
 		},
 		created() {
-			// Check if the component is loaded
-			if (window.VueMultiselect) {
-				Vue.component("multiselect", window.VueMultiselect.default ? window.VueMultiselect.default : window.VueMultiselect);
-			} else {
-				console.error("'vue-multiselect' is missing. Please download from https://github.com/monterail/vue-multiselect and load the script in the HTML head section!");
+			// Check if the component is loaded globally
+			if (!this.$root.$options.components["multiselect"]) {
+				console.error("'vue-multiselect' is missing. Please download from https://github.com/monterail/vue-multiselect and register the component globally!");
 			}
 		}
 	};

src/fields/fieldVueMultiSelect.vue

@@ -1,5 +1,5 @@
 import { isNil, isNumber, isString, isArray } from "lodash";
-import moment from "moment";
+import moment from "moment/min/moment.min";
 
 function checkEmpty(value, required) {
 	if (isNil(value) || value === "") {

src/utils/validators.js

@@ -3,8 +3,10 @@ import { createVueField, trigger } from "../util";
 
 import Vue from "vue";
 import fieldVueMultiSelect from "src/fields/fieldVueMultiSelect.vue";
+import VueMultiSelect from "vue-multiselect";
 
 Vue.component("fieldVueMultiSelect", fieldVueMultiSelect);
+Vue.component("multiselect", VueMultiSelect);
 
 // eslint-disable-next-line
 let el, vm, field;