Feature/refactor main

.gitignore

@@ -2,6 +2,7 @@
 node_modules
 **/node_modules
 /dist
+/docs/.vuepress/dist
 /coverage
 /tests/e2e/videos/
 /tests/e2e/screenshots/

dev/vue/App.vue

@@ -54,7 +54,7 @@ import {
   maxLength,
   url,
   /* } from '../dist/as-dynamic-forms.common'; */
-} from '../src/main';
+} from '@/index';
 
 const data = () => ({
   formData: {},
@@ -201,6 +201,9 @@ export default {
   name: 'app',
   data,
   methods,
+  mounted() {
+    console.log(this.$formUtils);
+  },
 };
 </script>
 <style lang="scss">

dev/vue/main.js

@@ -2,7 +2,7 @@ import Vue from 'vue';
 import App from './App.vue';
 import './styles/main.scss';
 
-import VueDynamicForms from '../../src/main'; // Dev
+import VueDynamicForms from '@/index'; // Dev
 // import VueDynamicForms from '@asigloo/vue-dynamic-forms' // Prod
 
 Vue.config.productionTip = false;

dev/vue/styles/_vendors.scss

@@ -6,4 +6,4 @@
 $input-border-radius: 50px; */
 // @import '../../src/styles/themes/default.scss';
 
-@import '../../src/styles/themes/material.scss';
+@import '@/styles/themes/material.scss';

package.json

@@ -13,7 +13,7 @@
   },
   "scripts": {
     "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build --target lib --name as-dynamic-forms src/main.js",
+    "build": "vue-cli-service build --target lib --name as-dynamic-forms src/index.js",
     "lint": "vue-cli-service lint",
     "test": "vue-cli-service test:unit --verbose --no-cache --watchAll",
     "publish": "npm run build && npm publish --access public",
@@ -22,28 +22,28 @@
   },
   "main": "dist/as-dynamic-forms.common.js",
   "dependencies": {
-    "bootstrap": "^4.4.1",
-    "core-js": "^3.6.4",
-    "sass-resources-loader": "^2.0.1",
+    "bootstrap": "^4.5.0",
+    "core-js": "^3.6.5",
+    "sass-resources-loader": "^2.0.3",
     "vue": "^2.6.11"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^4.2.3",
-    "@vue/cli-plugin-eslint": "^4.2.3",
-    "@vue/cli-plugin-unit-jest": "^4.2.3",
-    "@vue/cli-service": "^4.2.3",
+    "@vue/cli-plugin-babel": "^4.4.6",
+    "@vue/cli-plugin-eslint": "^4.4.6",
+    "@vue/cli-plugin-unit-jest": "^4.4.6",
+    "@vue/cli-service": "^4.4.6",
     "@vue/eslint-config-prettier": "^6.0.0",
-    "@vue/test-utils": "1.0.0-beta.32",
+    "@vue/test-utils": "1.0.3",
     "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "^10.1.0",
-    "babel-jest": "^25.2.6",
-    "eslint": "^6.8.0",
-    "eslint-plugin-prettier": "^3.1.2",
+    "babel-jest": "^26.1.0",
+    "eslint": "^7.4.0",
+    "eslint-plugin-prettier": "^3.1.4",
     "eslint-plugin-vue": "^6.2.2",
-    "node-sass": "^4.13.1",
-    "prettier": "^2.0.2",
-    "sass-loader": "^8.0.2",
+    "node-sass": "^4.14.1",
+    "prettier": "^2.0.5",
+    "sass-loader": "^9.0.1",
     "vue-template-compiler": "^2.6.11",
-    "vuepress": "^1.5.0"
+    "vuepress": "^1.5.2"
   }
 }

src/index.js

@@ -0,0 +1,35 @@
+import DynamicForm from './components/dynamic-form/DynamicForm.vue';
+import DynamicInput from './components/dynamic-input/DynamicInput.vue';
+import utils from './core/utils';
+
+const version = process.env.VERSION || require('../package.json').version;
+
+export let _Vue;
+
+export function install(Vue) {
+  if (install.installed && _Vue === Vue) return;
+  install.installed = true;
+
+  _Vue = Vue;
+
+  Vue.prototype.$formUtils = utils;
+
+  Vue.component('dynamic-form', DynamicForm);
+  Vue.component('dynamic-input', DynamicInput);
+}
+
+export const AsDynamicForms = {
+  install,
+  version,
+};
+
+// Automatic installation if Vue has been added to the global scope.
+if (typeof window !== 'undefined' && window.Vue) {
+  window.Vue.use(AsDynamicForms);
+}
+
+export * from './core/utils';
+
+export { DynamicForm, DynamicInput };
+
+export default AsDynamicForms;