Fix uiSchema not always being an array in doc

Author: jarvelov

docs/api/ui-schema/field/field-options/attrs.md

@@ -6,15 +6,15 @@ Essentially any normal html attributes
 // Normal HTML attributes
 data() {
   return {
-    uiSchema: {
+    uiSchema: [{
       component: 'div',
       fieldOptions: {
         attrs: {
           id: 'foo',
           placeholder: 'bar'
         }
       }
-    }
+    }]
   }
 }
 ```

docs/api/ui-schema/field/field-options/class.md

@@ -9,7 +9,7 @@ An `Object` must have the classes as keys and the keys' value should be a `Boole
 ```js
 // Option 1: Object
 data() {
-  uiSchema: {
+  uiSchema: [{
     component: 'div',
     fieldOptions: {
       class: {
@@ -18,7 +18,7 @@ data() {
         'col-lg-4': false // Class is NOT included
       }
     }
-  }
+  }]
 }
 ```
 
@@ -29,7 +29,7 @@ An `Array` should be a an array of strings, multidimensional arrays or arrays wi
 ```js
 // Option 2: Arrays
 data() {
-  uiSchema: {
+  uiSchema: [{
     component: 'div',
     fieldOptions: {
       // All values in array is included
@@ -38,7 +38,7 @@ data() {
         'col-md-6'
       ]
     }
-  }
+  }]
 }
 ```
 
@@ -47,11 +47,11 @@ data() {
 ```js
 // Option 3: String
 data() {
-  uiSchema: {
+  uiSchema: [{
     component: 'div',
     fieldOptions: {
       class: 'col-12 col-md-6'
     }
-  }
+  }]
 }
 ```

docs/api/ui-schema/field/field-options/dom-props.md

@@ -6,14 +6,14 @@
 // DOM properties
 data() {
   return {
-    uiSchema: {
+    uiSchema: [{
       component: 'div',
       fieldOptions: {
         domProps: {
           innerHTML: '<div style="background-color: red">Hello</div>'
         }
       }
-    }
+    }]
   }
 }
 ```

docs/api/ui-schema/field/field-options/native-on.md

@@ -9,12 +9,12 @@ Accepts a `String`, `Array` or an `Object`.
 // Option 1: String
 data() {
   return {
-    uiSchema: {
+    uiSchema: [{
       component: 'input',
       fieldOptions: {
         on: 'input'
       }
-    }
+    }]
   }
 }
 ```
@@ -25,14 +25,14 @@ data() {
 // Option 2: Arrays
 data() {
   return {
-    uiSchema: {
+    uiSchema: [{
       component: 'input',
       fieldOptions: {
         nativeOn: [
           'input'
         ]
       }
-    }
+    }]
   }
 }
 ```
@@ -47,14 +47,14 @@ An `Object` can be used if the value should be manipulated or used elsewhere bef
 // Option 3: Object
 data() {
   return {
-    uiSchema: {
+    uiSchema: [{
       component: 'input',
       fieldOptions: {
         nativeOn: {
           'input': event => String(event.target.value).toLowerCase();
         }
       }
-    }
+    }]
   }
 }
 ```

docs/api/ui-schema/field/field-options/on.md

@@ -9,12 +9,12 @@ Accepts a `String`, `Array` or an `Object`.
 // Option 1: String
 data() {
   return {
-    uiSchema: {
+    uiSchema: [{
       component: 'input',
       fieldOptions: {
         on: 'input'
       }
-    }
+    }]
   }
 }
 ```
@@ -25,14 +25,14 @@ data() {
 // Option 2: Arrays
 data() {
   return {
-    uiSchema: {
+    uiSchema: [{
       component: 'input',
       fieldOptions: {
         on: [
           'input'
         ]
       }
-    }
+    }]
   }
 }
 ```

docs/api/ui-schema/field/field-options/props.md

@@ -13,14 +13,14 @@ Vue.component('my-custom-component', {
 ...
 data() {
   return {
-    uiSchema: {
+    uiSchema: [{
       component: 'my-custom-component',
       fieldOptions: {
         props: {
           message: 'Hello!'
         }
       }
-    }
+    }]
   }
 }
 ```

docs/api/ui-schema/field/field-options/slot.md

@@ -13,6 +13,7 @@ MyCustomComponent.vue
 ```
 
 MyForm.vue
+
 ```html
 
 ...
@@ -21,7 +22,7 @@ MyForm.vue
 export default {
   data() {
     return {
-      uiSchema: {
+      uiSchema: [{
         component: 'my-custom-component' // globally registered component
         children: [{
           component: 'div',
@@ -32,7 +33,7 @@ export default {
             slot: 'main'
           }
         }]
-      }
+      }]
     }
   }
 }