rename config/componentConfig to vue_props/props for more descriptive naming

Author: jonasjabari

docs/api/100-components/form_checkbox.md

@@ -172,10 +172,10 @@ MatestackUiCore.Vue.component('my-form-checkbox', {
   },
   mounted: function(){
     // use/initialize any third party library here
-    // you can access the default initial value via this.componentConfig["init_value"]
+    // you can access the default initial value via this.props["init_value"]
     // if you need to, you can access your own component config data which added
     // within the prepare method of the corresponding Ruby class
-    // this.componentConfig["foo"] would be "bar" in this case
+    // this.props["foo"] would be "bar" in this case
   }
 });
 ```

docs/api/100-components/form_input.md

@@ -174,10 +174,10 @@ MatestackUiCore.Vue.component('my-form-input', {
   },
   mounted: function(){
     // use/initialize any third party library here
-    // you can access the default initial value via this.componentConfig["init_value"]
+    // you can access the default initial value via this.props["init_value"]
     // if you need to, you can access your own component config data which added
     // within the prepare method of the corresponding Ruby class
-    // this.componentConfig["foo"] would be "bar" in this case
+    // this.props["foo"] would be "bar" in this case
   }
 });
 ```
@@ -195,7 +195,7 @@ MatestackUiCore.Vue.component('my-form-input', {
   mounted: function(){
     // flatpickr needs to be required according to your JS setup
     flatpickr(this.$el.querySelector('.flatpickr'), {
-      defaultDate: this.componentConfig["init_value"],
+      defaultDate: this.props["init_value"],
       enableTime: true
     });
   }

docs/api/100-components/form_radio.md

@@ -190,10 +190,10 @@ MatestackUiCore.Vue.component('my-form-radio', {
   },
   mounted: function(){
     // use/initialize any third party library here
-    // you can access the default initial value via this.componentConfig["init_value"]
+    // you can access the default initial value via this.props["init_value"]
     // if you need to, you can access your own component config data which added
     // within the prepare method of the corresponding Ruby class
-    // this.componentConfig["foo"] would be "bar" in this case
+    // this.props["foo"] would be "bar" in this case
   }
 });
 ```

docs/api/100-components/form_select.md

@@ -211,10 +211,10 @@ MatestackUiCore.Vue.component('my-form-select', {
   },
   mounted: function(){
     // use/initialize any third party library here
-    // you can access the default initial value via this.componentConfig["init_value"]
+    // you can access the default initial value via this.props["init_value"]
     // if you need to, you can access your own component config data which added
     // within the prepare method of the corresponding Ruby class
-    // this.componentConfig["foo"] would be "bar" in this case
+    // this.props["foo"] would be "bar" in this case
   }
 });
 ```

docs/api/100-components/form_textarea.md

@@ -94,10 +94,10 @@ MatestackUiCore.Vue.component('my-form-textarea', {
   },
   mounted: function(){
     // use/initialize any third party library here
-    // you can access the default initial value via this.componentConfig["init_value"]
+    // you can access the default initial value via this.props["init_value"]
     // if you need to, you can access your own component config data which added
     // within the prepare method of the corresponding Ruby class
-    // this.componentConfig["foo"] would be "bar" in this case
+    // this.props["foo"] would be "bar" in this case
   }
 });
 ```

docs/docs/api/100-components/form_checkbox.md

@@ -172,10 +172,10 @@ MatestackUiCore.Vue.component('my-form-checkbox', {
   },
   mounted: function(){
     // use/initialize any third party library here
-    // you can access the default initial value via this.componentConfig["init_value"]
+    // you can access the default initial value via this.props["init_value"]
     // if you need to, you can access your own component config data which added
     // within the prepare method of the corresponding Ruby class
-    // this.componentConfig["foo"] would be "bar" in this case
+    // this.props["foo"] would be "bar" in this case
   }
 });
 ```

docs/docs/api/100-components/form_input.md

@@ -172,10 +172,10 @@ MatestackUiCore.Vue.component('my-form-input', {
   },
   mounted: function(){
     // use/initialize any third party library here
-    // you can access the default initial value via this.componentConfig["init_value"]
+    // you can access the default initial value via this.props["init_value"]
     // if you need to, you can access your own component config data which added
     // within the prepare method of the corresponding Ruby class
-    // this.componentConfig["foo"] would be "bar" in this case
+    // this.props["foo"] would be "bar" in this case
   }
 });
 ```
@@ -193,7 +193,7 @@ MatestackUiCore.Vue.component('my-form-input', {
   mounted: function(){
     // flatpickr needs to be required according to your JS setup
     flatpickr(this.$el.querySelector('.flatpickr'), {
-      defaultDate: this.componentConfig["init_value"],
+      defaultDate: this.props["init_value"],
       enableTime: true
     });
   }

docs/docs/api/100-components/form_radio.md

@@ -190,10 +190,10 @@ MatestackUiCore.Vue.component('my-form-radio', {
   },
   mounted: function(){
     // use/initialize any third party library here
-    // you can access the default initial value via this.componentConfig["init_value"]
+    // you can access the default initial value via this.props["init_value"]
     // if you need to, you can access your own component config data which added
     // within the prepare method of the corresponding Ruby class
-    // this.componentConfig["foo"] would be "bar" in this case
+    // this.props["foo"] would be "bar" in this case
   }
 });
 ```

docs/docs/api/100-components/form_select.md

@@ -211,10 +211,10 @@ MatestackUiCore.Vue.component('my-form-select', {
   },
   mounted: function(){
     // use/initialize any third party library here
-    // you can access the default initial value via this.componentConfig["init_value"]
+    // you can access the default initial value via this.props["init_value"]
     // if you need to, you can access your own component config data which added
     // within the prepare method of the corresponding Ruby class
-    // this.componentConfig["foo"] would be "bar" in this case
+    // this.props["foo"] would be "bar" in this case
   }
 });
 ```

docs/docs/api/100-components/form_textarea.md

@@ -94,10 +94,10 @@ MatestackUiCore.Vue.component('my-form-textarea', {
   },
   mounted: function(){
     // use/initialize any third party library here
-    // you can access the default initial value via this.componentConfig["init_value"]
+    // you can access the default initial value via this.props["init_value"]
     // if you need to, you can access your own component config data which added
     // within the prepare method of the corresponding Ruby class
-    // this.componentConfig["foo"] would be "bar" in this case
+    // this.props["foo"] would be "bar" in this case
   }
 });
 ```