Refactor library

Author: alvarosabu

dev/vue/App.vue

@@ -54,7 +54,7 @@ import {
   maxLength,
   url,
   /* } from '../dist/as-dynamic-forms.common'; */
-} from '../src/main';
+} from '../../src/index';
 
 const data = () => ({
   formData: {},

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 '../../src/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 '../../../src/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",

src/index.js

@@ -0,0 +1,30 @@
+import DynamicForm from './components/dynamic-form/DynamicForm.vue';
+import DynamicInput from './components/dynamic-input/DynamicInput.vue';
+export * 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.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 { DynamicForm, DynamicInput };
+
+export default AsDynamicForms;

src/main.js

@@ -17,6 +17,11 @@ module.exports = {
       filename: 'index.html',
     },
   },
+  configureWebpack: {
+    output: {
+      libraryExport: 'default',
+    },
+  },
   chainWebpack: config => {
     config.optimization.splitChunks(false);
     config.merge({ devtool: 'source-map' });