feat(build): changed build system to rollup

BREAKING CHANGE:  changes the way the library is build from vue-cli to rollup

Author: alvarosabu

dev/typescript/App.vue

@@ -31,20 +31,19 @@ import { defineComponent, onMounted, reactive, ref } from 'vue';
 import {
   TextInput,
   SelectInput,
-  DynamicForm,
   EmailInput,
   FormValidation,
   PasswordInput,
   TextAreaInput,
-} from '../../dist/as-dynamic-forms.common';
+} from '../../dist/as-dynamic-forms.esm';
 import { email, pattern } from '@/core/utils';
 
 export default defineComponent({
   name: 'app',
   setup() {
     const title = ref('Vue Dynamic Forms');
     const formValues = reactive({});
-    const form = reactive<DynamicForm>({
+    const form = reactive<any>({
       id: 'example-form',
       fields: [
         new TextInput({

dev/typescript/main.ts

@@ -3,7 +3,7 @@ import { createApp } from 'vue';
 import App from './App.vue';
 import './styles/main.scss';
 
-import { createDynamicForms } from '../../dist/as-dynamic-forms.common';
+import { createDynamicForms } from '../../dist/as-dynamic-forms.esm';
 
 const VueDynamicForms = createDynamicForms({
   theme: 'material',

dev/typescript/shims-vue.d.ts

@@ -0,0 +1,5 @@
+declare module '*.vue' {
+  import { defineComponent } from 'vue';
+  const component: ReturnType<typeof defineComponent>;
+  export default component;
+}

dev/vue/.eslintignore

@@ -27,24 +27,23 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, onMounted, reactive, ref } from 'vue';
+import { defineComponent, reactive, ref } from 'vue';
 import {
   TextInput,
   SelectInput,
-  DynamicForm,
   EmailInput,
   FormValidation,
   PasswordInput,
   TextAreaInput,
-} from '../../dist/as-dynamic-forms.common';
+} from '../../dist/as-dynamic-forms.esm';
 import { email, pattern } from '@/core/utils';
 
 export default defineComponent({
   name: 'app',
   setup() {
     const title = ref('Vue Dynamic Forms');
     const formValues = reactive({});
-    const form = reactive<DynamicForm>({
+    const form = reactive({
       id: 'example-form',
       fields: [
         new TextInput({
@@ -101,12 +100,7 @@ export default defineComponent({
       // eslint-disable-next-line no-undef
       alert(errors);
     }
-    onMounted(() =>
-      setTimeout(() => {
-        form.fields[0].label = 'RockNRoll';
-        form.fields[0].value = 'James Bond';
-      }, 2000),
-    );
+
     return {
       title,
       form,