Merge pull request #2 from alvarosaburido/bug/input_number_returns_string

alvarosabu · web-flow · commit 42635684a8f9 · 2020-03-27T14:43:27.000+01:00
fix: convert numeric values when updating form values (#1)
diff --git a/dev/main.js b/dev/main.js
@@ -1,9 +1,9 @@
 import Vue from 'vue';
 import App from './App.vue';
 import './styles/main.scss';
-/* import VueDynamicForms from '../dist/as-dynamic-forms.common';
- */
+
 import VueDynamicForms from '../src/main';
+
 Vue.config.productionTip = false;
 Vue.use(VueDynamicForms);
 
diff --git a/public/index.html b/public/index.html
@@ -1,17 +1,24 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>vue-dynamic-forms</title>
-  </head>
-  <body>
-    <noscript>
-      <strong>We're sorry but vue-dynamic-forms doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
-    </noscript>
-    <div id="app"></div>
-    <!-- built files will be auto injected -->
-  </body>
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible"
+        content="IE=edge">
+  <meta name="viewport"
+        content="width=device-width,initial-scale=1.0">
+  <link rel="icon"
+        href="<%= BASE_URL %>favicon.ico">
+  <title>Vue Dynamic Forms</title>
+</head>
+
+<body>
+  <noscript>
+    <strong>We're sorry but vue-dynamic-forms doesn't work properly without JavaScript enabled. Please enable it to
+      continue.</strong>
+  </noscript>
+  <div id="app"></div>
+  <!-- built files will be auto injected -->
+</body>
+
 </html>
diff --git a/src/components/dynamic-form/DynamicForm.js b/src/components/dynamic-form/DynamicForm.js
@@ -102,7 +102,8 @@ const computed = {
     return this.controls
       ? this.controls.reduce((prev, curr) => {
           const obj = {};
-          obj[curr.name] = curr.value;
+          obj[curr.name] =
+            curr.type === 'number' ? parseFloat(curr.value) : curr.value;
           return {
             ...prev,
             ...obj,
diff --git a/vue.config.js b/vue.config.js
@@ -6,7 +6,7 @@ module.exports = {
   },
   devServer: {
     host: '0.0.0.0',
-    port: 6084, // CHANGE YOUR PORT HERE!
+    port: 6044, // CHANGE YOUR PORT HERE!
     https: false,
     hotOnly: false,
   },
@@ -22,11 +22,5 @@ module.exports = {
     config.merge({ devtool: 'source-map' });
     config.resolve.symlinks(false);
     config.resolve.alias.set('@', path.resolve(__dirname, 'src'));
-    config
-      .entry('theme')
-      .add(path.resolve(__dirname, 'src') + '/styles/themes/default.scss')
-      .end()
-      .output.filename('default.[id].css')
-      .chunkFilename('default.[id].css');
   },
 };
