refactor: improve App

14nrv · Oct 24, 2020 · 5197ff6 · 5197ff6
1 parent d6f6dc0
commit 5197ff6
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/README.md b/README.md
@@ -74,10 +74,10 @@ Object.keys(rules).forEach(rule => {
 ```html
 <template lang="pug">
   #app.section
-    form-json(:formFields="jsonFields",
-              :formName="'userProfil'"
+    form-json(:btnReset="{value: 'Reset'}",
               :btnSubmit="{value: 'Submit'}",
-              :btnReset="{value: 'Reset'}")
+              :formFields="jsonFields",
+              formName="userProfil")
       div(slot="slotNameAddedInJsonFields")
         p Your slot content
 </template>
@@ -91,11 +91,11 @@ Object.keys(rules).forEach(rule => {
     components: {
       formJson
     },
-    data: () => ({
-      jsonFields
-    }),
     mounted () {
       this.$root.$on('formSubmitted', values => alert(JSON.stringify(values)))
+    },
+    computed: {
+      jsonFields: () => jsonFields
     }
   }
 </script>

diff --git a/src/App.vue b/src/App.vue
@@ -1,9 +1,9 @@
 <template lang="pug">
   #app.section
-    app-form(:formFields="jsonFields",
-             formName="userProfil",
+    app-form(:btnReset="{value: 'Reset'}",
              :btnSubmit="{value: 'Submit'}",
-             :btnReset="{value: 'Reset'}")
+             :formFields="jsonFields",
+             formName="userProfil")
       div(slot="boxSlot")
         .box
           article
@@ -24,11 +24,11 @@ export default {
   components: {
     appForm: Form
   },
-  data: () => ({
-    jsonFields
-  }),
   mounted () {
     this.$root.$on('formSubmitted', values => alert(JSON.stringify(values)))
+  },
+  computed: {
+    jsonFields: () => jsonFields
   }
 }
 </script>