🎨 update example

remove logo.png and update schema

Author: yourtion

README.md

@@ -38,7 +38,7 @@ import JsonEditor from '../../src/JsonEditor.vue';
 export default {
   components: { JsonEditor },
   data: () => ({
-    // init json schma file
+    // init json schma file ( require('@/schema/newsletter') )
     schema: SCHEMA,
     // data
     model: {
@@ -58,6 +58,9 @@ export default {
 </script>
 ```
 
+More info on: [Example-Subscription](example/components/Subscription.vue)
+Schema: [newsletter.json](example/schema/newsletter.json)
+
 ## props
 
 - `schema` ***Object*** (*required*)

example/assets/logo.png

@@ -9,12 +9,22 @@
     </el-card>
   </el-col>
   <el-col :span="12">
-      <el-card class="box-card">
+    <el-card class="box-card">
       <div slot="header" class="clearfix">
         <span>Model</span>
       </div>
       <pre class="json">{{ jsonString }}</pre>
     </el-card>
+    <br />
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>How to use</span>
+      </div>
+      <div class="json">
+        <p>GitHub: <a href="https://github.com/yourtion/vue-json-ui-editor" target="_blank">vue-json-ui-editor</a></p>
+        <p>NPM: <a href="https://www.npmjs.com/package/vue-json-ui-editor" target="_blank">json-editor</a></p>
+      </div>
+    </el-card>
   </el-col>
 </el-row>
 </template>

example/components/Subscription.vue

@@ -1,29 +1,19 @@
 {
   "$schema": "http://json-schema.org/draft-07/schema#",
   "type": "object",
-  "title": "Newsletter Subscription",
-  "description": "Sign up for free newsletters and get more delivered to your inbox",
+  "title": "Json-Editor-Demo",
+  "description": "Demo for vue-json-ui-editor using element-ui ",
   "properties": {
     "name": {
       "type": "string",
       "minLength": 8,
       "maxLength": 80,
-      "title": "Full Name",
+      "title": "String",
       "attrs": {
         "placeholder": "Your Full Name",
         "title": "Please enter your full name"
       }
     },
-    "email": {
-      "maxLength": 120,
-      "title": "Email",
-      "format": "email",
-      "attrs": {
-        "type": "email",
-        "placeholder": "Your Email",
-        "title": "Please enter your email"
-      }
-    },
     "sub": {
       "title": "SubTitle",
       "description": "SubDescription",
@@ -52,19 +42,15 @@
               "title": "Sub2Name",
               "pattern": "*"
             },
-            "sEmail2": {
-              "format": "email",
-              "title": "Sub2Email"
-            },
             "sAge": {
               "type": "integer",
-              "title": "Sub2Email"
+              "title": "Sub2Age"
             }
           },
           "required": [ "sName2" ]
         }
       },
-      "required": ["sEmail"]
+      "required": ["sUrl"]
     },
     "lists": {
       "type": "string",
@@ -95,10 +81,6 @@
         { "value": "promotion", "label": "Promotion" }
       ]
     },
-    "lists4": {
-      "type": "array",
-      "title": "List4"
-    },
     "source": {
       "type": "string",
       "maxLength": 120,