@josercl/form-maker 1.0.0-alpha17 → 1.1.0-beta01

package/index.js

@@ -1,14 +1,14 @@
-import FormMakerComponent from './lib/components/FormMaker';
-import FormMakerInput from './lib/components/FormMakerInput';
-import CheckboxInput from './lib/components/inputs/CheckboxInput';
-import FileInput from './lib/components/inputs/FileInput';
-import FormMakerInputError from './lib/components/inputs/FormMakerInputError';
-import FormMakerInputHelp from './lib/components/inputs/FormMakerInputHelp';
-import FormMakerInputLabel from './lib/components/inputs/FormMakerInputLabel';
-import RadioInput from './lib/components/inputs/RadioInput';
-import SelectInput from './lib/components/inputs/SelectInput';
-import TextAreaInput from './lib/components/inputs/TextAreaInput';
-import TextInput from './lib/components/inputs/TextInput';
+import FormMakerComponent from './lib/components/FormMaker.vue';
+import FormMakerInput from './lib/components/FormMakerInput.vue';
+import CheckboxInput from './lib/components/inputs/CheckboxInput.vue';
+import FileInput from './lib/components/inputs/FileInput.vue';
+import FormMakerInputError from './lib/components/inputs/FormMakerInputError.vue';
+import FormMakerInputHelp from './lib/components/inputs/FormMakerInputHelp.vue';
+import FormMakerInputLabel from './lib/components/inputs/FormMakerInputLabel.vue';
+import RadioInput from './lib/components/inputs/RadioInput.vue';
+import SelectInput from './lib/components/inputs/SelectInput.vue';
+import TextAreaInput from './lib/components/inputs/TextAreaInput.vue';
+import TextInput from './lib/components/inputs/TextInput.vue';
 
 const defaultOptions = {
   classes: {

package/lib/components/FormMaker.vue

@@ -57,7 +57,7 @@
 
 <script>
 import {
-  computed, inject, provide, toRefs,
+  computed, inject, provide, toRefs
 } from 'vue';
 // import setupVModel from '../utils';
 

package/lib/components/inputs/CheckboxInput.vue

@@ -17,9 +17,7 @@
 </template>
 
 <script>
-import {
-  computed, ref, toRefs, watch,
-} from 'vue';
+import { computed, toRefs } from 'vue';
 import { FormInputMixin } from './FormInputMixin';
 
 export default {
@@ -39,14 +37,10 @@ export default {
 
     const val = computed(() => props.modelValue);
 
-    const selectedOptions = ref([]);
-
-    watch(
-      val,
-      newVal => {
-        selectedOptions.value = (Array.isArray(newVal) ? newVal : [ newVal ]).filter(x => !!x);
-      },
-    );
+    const selectedOptions = computed(() => {
+      const arr = Array.isArray(val.value) ? val.value : [ val.value ];
+      return arr.filter(x => !!x);
+    });
 
     const fieldOptions = computed(() => {
       if (!isBinary.value) {
@@ -61,16 +55,17 @@ export default {
     });
 
     const handleClick = clickVal => {
-      if (selectedOptions.value.indexOf(clickVal) === -1) {
-        selectedOptions.value.push(clickVal);
+      let selOptions = [ ...selectedOptions.value ];
+      if (selOptions.indexOf(clickVal) === -1) {
+        selOptions.push(clickVal);
       } else {
-        selectedOptions.value = selectedOptions.value.filter(x => x !== clickVal);
+        selOptions = selOptions.filter(x => x !== clickVal);
       }
 
       if (isBinary.value) {
-        emit('update:modelValue', selectedOptions.value.length > 0);
+        emit('update:modelValue', selOptions.length > 0);
       } else {
-        emit('update:modelValue', selectedOptions.value);
+        emit('update:modelValue', selOptions);
       }
     };
 

package/lib/components/inputs/SelectInput.vue

@@ -13,9 +13,9 @@
         :label="key"
       >
         <option
-          v-for="(optLabel, value) in opts"
-          :key="`option_${value}`"
-          :value="value"
+          v-for="(optLabel, optValue) in opts"
+          :key="`option_${optValue}`"
+          :value="optValue"
         >
           {{ optLabel }}
         </option>

package/package.json

@@ -1,47 +1,40 @@
 {
   "name": "@josercl/form-maker",
-  "version": "1.0.0-alpha17",
+  "version": "1.1.0-beta01",
   "description": "Form generator using vue 3",
   "author": "Jose Carrero <josercl@gmail.com>",
   "scripts": {
-    "build:umd": "vue-cli-service build --target lib --formats umd,umd-min --dest umd --filename index --name FormMaker index.js",
-    "build:common": "vue-cli-service build --target lib --formats commonjs --dest commonjs --filename index --name FormMaker index.js",
-    "build": "npm run build:umd && npm run build:common",
-    "build-docs": "vue-cli-service build",
-    "serve": "vue-cli-service serve",
-    "lint": "vue-cli-service lint --ext .js,.vue lib/ docs/ index.js"
+    "dev": "vite -c docs.config.js dev",
+    "build": "vite build",
+    "build-docs": "vite -c docs.config.js build",
+    "preview": "vite -c docs.config.js preview --port 5050",
+    "lint": "eslint --ext .vue,.js lib/ docs/ index.js"
   },
   "files": [
     "index.js",
     "lib/**",
-    "umd/*.js",
-    "umd/*.map",
-    "commonjs/*.js",
-    "commonjs/*.map"
+    "umd/*.js"
   ],
   "homepage": "https://josercl.gitlab.io/form-maker",
   "dependencies": {
-    "core-js": "^3.6.5",
-    "vue": "^3.0.0"
+    "vue": "^3.2.31"
   },
   "devDependencies": {
+    "@babel/core": "^7.17.5",
+    "@babel/eslint-parser": "^7.17.0",
     "@fortawesome/fontawesome-svg-core": "^1.2.32",
     "@fortawesome/free-brands-svg-icons": "^5.15.1",
     "@fortawesome/free-regular-svg-icons": "^5.15.1",
     "@fortawesome/vue-fontawesome": "^3.0.0-2",
     "@tailwindcss/typography": "^0.2.0",
-    "@vue/cli-plugin-babel": "~4.5.0",
-    "@vue/cli-plugin-eslint": "^4.5.8",
-    "@vue/cli-service": "~4.5.0",
-    "@vue/compiler-sfc": "^3.0.0",
-    "@vue/eslint-config-airbnb": "^5.0.2",
-    "babel-eslint": "^10.1.0",
-    "eslint": "^6.7.2",
-    "eslint-plugin-import": "^2.20.2",
-    "eslint-plugin-vue": "^7.0.0-0",
+    "@vitejs/plugin-vue": "^2.2.2",
+    "@vue/eslint-config-airbnb": "^6.0.0",
+    "eslint": "^8.10.0",
+    "eslint-plugin-vue": "^8.5.0",
     "highlight.js": "^10.2.1",
     "tailwindcss": "^1.9.6",
-    "vue-router": "^4.0.0-rc.1"
+    "vite": "^2.8.4",
+    "vue-router": "^4.0.12"
   },
   "keywords": [
     "vue 3",