Library setup

Author: alvarosabu

.eslintrc.js

@@ -0,0 +1,35 @@
+module.exports = {
+    root: true,
+    env: {
+      browser: true,
+      node: true,
+    },
+    extends: [
+      'plugin:vue/essential',
+      'plugin:prettier/recommended',
+      'prettier',
+      'prettier/vue',
+    ],
+    plugins: ['prettier'],
+    rules: {
+      'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+      'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+      'prettier/prettier': [
+        'error',
+        {
+          htmlWhitespaceSensitivity: 'ignore',
+          singleQuote: true,
+          semi: true,
+          trailingComma: 'all',
+        },
+      ],
+    },
+    parserOptions: {
+      parser: 'babel-eslint',
+    },
+    settings: {
+      'import/resolver': {
+        alias: [['@', './src']],
+      },
+    },
+  }

.gitignore

@@ -0,0 +1,24 @@
+.DS_Store
+node_modules
+/dist
+/coverage
+/tests/e2e/videos/
+/tests/e2e/screenshots/
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw*

.prettierrc

@@ -0,0 +1,6 @@
+{
+    "singleQuote": true,
+    "semi": true,
+    "trailingComma": "all",
+    "disableLanguages": ["markdown"]
+  }

CHANGELOG.md

@@ -0,0 +1,13 @@
+![repository-banner.png](https://res.cloudinary.com/alvarosaburido/image/upload/v1564929632/as-readme-banner_tqdgrx.png)
+
+## Software version
+
+- `node -v` : v12.4.0
+- `npm -v` : v6.4.1
+- `yarn -v`: 1.9.4
+- `vue --version`:3.0.3
+- `webpack -v` : v4.1.1
+
+---
+
+# Vue Dynamic Forms

README.md

@@ -0,0 +1,51 @@
+![repository-banner.png](https://res.cloudinary.com/alvarosaburido/image/upload/v1564929632/as-readme-banner_tqdgrx.png)
+
+## Software version
+
+- `node -v` : v12.4.0
+- `npm -v` : v6.4.1
+- `yarn -v`: 1.9.4
+- `vue --version`:3.0.3
+- `webpack -v` : v4.1.1
+
+# vue-dynamic-forms
+
+[![MIT license](http://img.shields.io/badge/license-MIT-brightgreen.svg)](http://opensource.org/licenses/MIT)
+
+Easy way to dynamically create reactive forms in vue based on varying business object model
+
+## Project setup
+
+```
+yarn install
+```
+
+### Compiles and hot-reloads for development
+
+```
+yarn run serve
+```
+
+### Compiles and minifies for production
+
+```
+yarn run build
+```
+
+### Run your tests
+
+```
+yarn run test
+```
+
+### Lints and fixes files
+
+```
+yarn run lint
+```
+
+### Run your unit tests
+
+```
+yarn run test:unit
+```

babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['@vue/app'],
+};

dev/App.vue

@@ -0,0 +1,45 @@
+<template>
+  <div id="app">
+    <div class="container">
+      <h1 class="title text-center">Dynamic Forms Example</h1>
+      <div class="row mt-5">
+        <div class="col-6">
+          <dynamic-form :id="testForm.id" :fields="testForm.fields" />
+        </div>
+        <div class="col-6">
+          <pre>{{ testForm.fields }}</pre>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+const DynamicForm = () => import('@/components/dynamic-form/DynamicForm.vue');
+
+const data = () => ({
+  testForm: {
+    id: 'test-form',
+    fields: [
+      {
+        type: 'text',
+        label: 'Name',
+        name: 'name',
+        validations: [],
+      },
+    ],
+  },
+});
+
+const components = {
+  DynamicForm,
+};
+
+export default {
+  name: 'app',
+  data,
+  components,
+};
+</script>
+
+<style lang="scss"></style>

dev/main.js

@@ -0,0 +1,7 @@
+import Vue from 'vue';
+import App from './App.vue';
+import './styles/main.scss';
+
+Vue.config.productionTip = false;
+
+new Vue({ render: h => h(App) }).$mount('#app');

dev/styles/_base.scss

@@ -0,0 +1,18 @@
+body {
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+
+pre {
+  font-family: FiraCode, Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono',
+    monospace;
+  font-size: 12px;
+  color: #fefefe;
+  background: #2c3e50;
+  border-radius: 4px;
+  padding: 0.2rem 0.5rem;
+  overflow: auto;
+}

dev/styles/_vendors.scss

@@ -0,0 +1 @@
+@import 'bootstrap/scss/bootstrap.scss';