From aed36dd8cec81bbcd25856cbb01a948e32f022ea Mon Sep 17 00:00:00 2001
From: dntzhang <dntzhang@qq.com>
Date: Tue, 30 Oct 2018 07:01:01 +0800
Subject: [PATCH] update readme

---
 README.CN.md | 72 ++++++++++++++++++++++++++--------------------------
 README.KR.md | 38 +++++++++++++--------------
 README.md    | 72 ++++++++++++++++++++++++++--------------------------
 3 files changed, 90 insertions(+), 92 deletions(-)

diff --git a/README.CN.md b/README.CN.md
index 5fd796323..9dd33a30d 100644
--- a/README.CN.md
+++ b/README.CN.md
@@ -413,55 +413,55 @@ import { render, WeElement, define } from 'omi'
 
 define('todo-list', class extends WeElement {
   render(props) {
-		return (
+    return (
       <ul>
         {props.items.map(item => (
           <li key={item.id}>{item.text}</li>
-				))}
+        ))}
       </ul>
     )
   }
 })
 
 define('todo-app', class extends WeElement {
-	static observe = true
+  static observe = true
 
-	static get data() {
-		return { items: [], text: '' }
-	}
+  static get data() {
+    return { items: [], text: '' }
+  }
 
-	render() {
-		return (
-			<div>
-				<h3>TODO</h3>
-				<todo-list items={this.data.items} />
-				<form onSubmit={this.handleSubmit}>
-					<input
-						id="new-todo"
-						onChange={this.handleChange}
-						value={this.data.text}
-					/>
-					<button>Add #{this.data.items.length + 1}</button>
-				</form>
-			</div>
-		)
-	}
+  render() {
+    return (
+      <div>
+        <h3>TODO</h3>
+        <todo-list items={this.data.items} />
+        <form onSubmit={this.handleSubmit}>
+          <input
+            id="new-todo"
+            onChange={this.handleChange}
+            value={this.data.text}
+          />
+          <button>Add #{this.data.items.length + 1}</button>
+        </form>
+      </div>
+    )
+  }
 
-	handleChange = e => {
-		this.data.text = e.target.value
-	}
+  handleChange = e => {
+    this.data.text = e.target.value
+  }
 
-	handleSubmit = e => {
-		e.preventDefault()
-		if (!this.data.text.trim().length) {
-			return
-		}
-		this.data.items.push({
-			text: this.data.text,
-			id: Date.now()
-		})
-		this.data.text = ''
-	}
+  handleSubmit = e => {
+    e.preventDefault()
+    if (!this.data.text.trim().length) {
+      return
+    }
+    this.data.items.push({
+      text: this.data.text,
+      id: Date.now()
+    })
+    this.data.text = ''
+  }
 })
 
 render(<todo-app />, 'body')
diff --git a/README.KR.md b/README.KR.md
index 94bbe1e95..2527449b2 100644
--- a/README.KR.md
+++ b/README.KR.md
@@ -341,10 +341,9 @@ class MyApp extends WeElement {
 아래는 상대적으로 완벽한 TodoApp 예입니다:
 
 ```js
-import { tag, WeElement, render } from "omi";
+import { render, WeElement, define } from 'omi'
 
-@tag("todo-list")
-class TodoList extends WeElement {
+define('todo-list', class extends WeElement {
   render(props) {
     return (
       <ul>
@@ -352,14 +351,15 @@ class TodoList extends WeElement {
           <li key={item.id}>{item.text}</li>
         ))}
       </ul>
-    );
+    )
   }
-}
+})
+
+define('todo-app', class extends WeElement {
+  static observe = true
 
-@tag("todo-app")
-class TodoApp extends WeElement {
   static get data() {
-    return { items: [], text: "" };
+    return { items: [], text: '' }
   }
 
   render() {
@@ -376,29 +376,27 @@ class TodoApp extends WeElement {
           <button>Add #{this.data.items.length + 1}</button>
         </form>
       </div>
-    );
+    )
   }
 
   handleChange = e => {
-    this.data.text = e.target.value;
-  };
+    this.data.text = e.target.value
+  }
 
   handleSubmit = e => {
-    e.preventDefault();
+    e.preventDefault()
     if (!this.data.text.trim().length) {
-      return;
+      return
     }
-
     this.data.items.push({
       text: this.data.text,
       id: Date.now()
-    });
-    this.data.text = "";
-    this.update();
-  };
-}
+    })
+    this.data.text = ''
+  }
+})
 
-render(<todo-app />, "body");
+render(<todo-app />, 'body')
 ```
 
 ### Store
diff --git a/README.md b/README.md
index a29132443..a7f8dbc8e 100644
--- a/README.md
+++ b/README.md
@@ -415,55 +415,55 @@ import { render, WeElement, define } from 'omi'
 
 define('todo-list', class extends WeElement {
   render(props) {
-		return (
+    return (
       <ul>
         {props.items.map(item => (
           <li key={item.id}>{item.text}</li>
-				))}
+        ))}
       </ul>
     )
   }
 })
 
 define('todo-app', class extends WeElement {
-	static observe = true
+  static observe = true
 
-	static get data() {
-		return { items: [], text: '' }
-	}
+  static get data() {
+    return { items: [], text: '' }
+  }
 
-	render() {
-		return (
-			<div>
-				<h3>TODO</h3>
-				<todo-list items={this.data.items} />
-				<form onSubmit={this.handleSubmit}>
-					<input
-						id="new-todo"
-						onChange={this.handleChange}
-						value={this.data.text}
-					/>
-					<button>Add #{this.data.items.length + 1}</button>
-				</form>
-			</div>
-		)
-	}
+  render() {
+    return (
+      <div>
+        <h3>TODO</h3>
+        <todo-list items={this.data.items} />
+        <form onSubmit={this.handleSubmit}>
+          <input
+            id="new-todo"
+            onChange={this.handleChange}
+            value={this.data.text}
+          />
+          <button>Add #{this.data.items.length + 1}</button>
+        </form>
+      </div>
+    )
+  }
 
-	handleChange = e => {
-		this.data.text = e.target.value
-	}
+  handleChange = e => {
+    this.data.text = e.target.value
+  }
 
-	handleSubmit = e => {
-		e.preventDefault()
-		if (!this.data.text.trim().length) {
-			return
-		}
-		this.data.items.push({
-			text: this.data.text,
-			id: Date.now()
-		})
-		this.data.text = ''
-	}
+  handleSubmit = e => {
+    e.preventDefault()
+    if (!this.data.text.trim().length) {
+      return
+    }
+    this.data.items.push({
+      text: this.data.text,
+      id: Date.now()
+    })
+    this.data.text = ''
+  }
 })
 
 render(<todo-app />, 'body')